<< Click here to display Table of Contents >> Navigation: Wegweiser > Marketing-Funktionen:

Onsite-Personalisierung

Mit der Onsite-Personalisierung ist eine vielfältige zielgruppenspezifische Auslieferung von Shopinhalten möglich.

So können Sie z. B. je nach Kundengruppe unterschiedliche Banner einblenden, individuelle Farbwelten gestalten oder spezielle Landingpages definieren, auf die der Kunde bei jedem Shop-Aufruf weitergeleitet wird.

Inhalt

Funktionsweise

Integration

Funktionsweise

Die möglichen Anwendungsfälle der Onsite-Personalisierung sind breit gefächert. Beispiel für die grundsätzliche Funktionsweise:

Für Ihren Tierbedarfs-Shop für Hunde und Katzen verschicken Sie zielgruppenspezifische Newsletter für Kunden, die entweder Katzen- oder Hundehalter sind und sich nur für dieses Teil-Produktsortiment Ihres Shops interessieren.

Der Kunde (ein Katzenhalter) klickt nun auf einen speziellen Link im Newsletter und ruft damit eine bestimmte Seite Ihres Shops auf. Diese Shopseite löst das Setzen eines verschlüsselten Cookies "Kundengruppe Katze" im Browser des Kundenrechners aus.

Bei jedem Folge-Aufruf einer anderen Shopseite wird dort das Cookie ausgelesen und eine zielgruppenspezifische Bewerbung von Bestsellern im Produktsortiment "Katzenbedarf" eingeblendet.

Ein anderer Kunde (Hundehalter) bezieht einen "Hunde"-Newsletter und folgt einem speziellen Link zum Aufruf des Shops: für ihn wird das Cookie "Kundengruppe Hund" gesetzt, und dieser Kunde erhält auf der Startseite nun immer die Einblendung für die Bestseller im Produktsortiment "Hundebedarf".

Auch andere Personalisierungen wie Farbwelten sind möglich. Sie können auch festlegen, dass ein Kunde bei Aufruf z. B. der Startseite immer auf eine für ihn definierte Landingpage weitergeleitet wird, sowohl in der aktuellen Session als auch bei Folgebesuchen.

Im Gegensatz zu einem zielgruppenspezifischen Aufruf mittels URL-Parameter, der sich manuell vom Kunden abändern lässt, ist der Inhalt des Cookies verschlüsselt und nicht veränderbar.

Hinweise:

▪Voraussetzung für die Onsite-Personalisierung ist, dass der Kunde Cookies in seinem Browser aktiviert hat.

▪Aus Gründen des Datenschutzes empfehlen wir Ihnen auf der Startseite des Shops einen Hinweis auf die Cookie-Richtlinien zu hinterlegen. Bitte klären Sie Details zum Cookie-Einsatz, insbesondere die erforderlichen Informationstexte für Ihre Kunden, mit Ihrem Datenschutzbeauftragten ab.
Wegweiser: Cookies

Integration

Im folgenden Beispiel sollen, wie unter "Funktionsweise" beschrieben, für Katzen- und Hundehalter unterschiedliche Inhalte angezeigt werden.

Dies realisieren wir entweder als Ein- oder Ausblenden der direkt auf dem Template hinterlegten Inhalte oder mithilfe der Include-Technik, bei der separate Include-Templates geladen werden.

Beide Möglichkeiten werden in der folgenden Integrationsbeschreibung erläutert.

Schritt 1: Freischaltung/Aktivierung

Für diese Funktion ist keine Freischaltung/Aktivierung seitens WEBSALE für Ihren Shop nötig.

Schritt 2: Anlegen der gewünschten Einblendungen als Includes (optional)

Wenn Sie das Einblenden der spezifischen Inhalte mit der Include-Technik realisieren möchten, legen Sie die entsprechenden Include-Templates mit dem gewünschten Inhalt an.

In unserem Beispiel sind dies zwei Include-Templates mit den Namen incl_katze.htm und incl_hund.htm.

Darüber hinaus soll für den Fall, dass kein Cookie gesetzt/geladen wird, standardmäßig das Include-Template incl_startseite.htm geladen werden.

Speichern Sie die Include-Templates im Templateverzeichnis benutzer/templates/translation.

	Hinweis:
	Alternativ kann das Ein-/Ausblenden der jeweiligen Inhalte auch direkt im Template mittels DC-FP-Tags realisiert werden. Informationen zu dieser Methode folgen in Schritt 5.

Schritt 3: Definieren des Gültigkeitszeitraums des Cookies

Der Gültigkeitszeitraum des Cookies beträgt standardmäßig 30 Tage.

Sie können den Gültigkeitszeitraum aber auch individuell anpassen.

Der Gültigkeitszeitraum wird in der Shopkonfiguration shop.config im Abschnitt Basic durch den Parameter DesignCookieDays definiert:

<Basic>
  ...
  DesignCookieDays       = 30
  ...
</Basic>

Referenz: Abschnitt Basic

Schritt 4: Setzen des Cookies im gewünschten Template

Um das Cookie im Browser des Kunden zu setzen, ergänzen Sie folgenden Code auf den jeweiligen Templates.

Dem Cookie müssen ein fester "Schlüssel" (in diesem Fall "kundengruppe") und ein beliebiger Wert zugewiesen werden.

Da in diesem Beispiel das Laden der Inhalte per Include-Technik möglich sein soll, weisen wir dem Cookie nun Werte nach folgendem Schema zu:

Wert des Cookies = Teil des Dateinamens des Include-Templates zwischen dem Präfix und der Dateiendung (incl_<Wert des Cookies>.htm)

Als Include-Templates haben wir in Schritt 2 folgende Dateien gespeichert: incl_katze.htm und incl_hund.htm. Als Werte für das Cookie ergeben sich demnach katze und hund.

Mittels Tag wird der Wert des Cookies dynamisch in den jeweiligen vollständigen Dateinamen umgewandelt. Somit kann das entsprechende Include-Template aufgerufen werden.

Beispiel:

Auf der Landingpage der Zielgruppe "Katze" weisen wir dem Schlüssel "kundengruppe" den Wert "katze" zu.

...
~DC-CookieData_set(kundengruppe,katze)~
{DC-CookieData_cookieHasChanged}
<script type="text/javascript">
        var newDate=new Date();
        var days=30; //{WS-TPLComment} Wichtig!! Die Einstellung muss identisch zu der Einstellung in der shop.config sein {/WS-TPLComment}
        newDate.setTime(newDate.getTime()+(days*24*60*60*1000));
        document.cookie ="~DC-CookieData_cookieName~=\"~DC-CookieData_cookieValue~\"; expires="+newDate.toGMTString();
</script>
{/DC-CookieData_cookieHasChanged}
...

Auf der Landingpage der Zielgruppe "Hund" weisen wir dem Schlüssel "kundengruppe" den Wert "hund" zu.

...
~DC-CookieData_set(kundengruppe,hund)~
{DC-CookieData_cookieHasChanged}
<script type="text/javascript">
        var newDate=new Date();
        var days=30; //{WS-TPLComment} Wichtig!! Die Einstellung muss identisch zu der Einstellung in der shop.config sein {/WS-TPLComment}
        newDate.setTime(newDate.getTime()+(days*24*60*60*1000));
        document.cookie ="~DC-CookieData_cookieName~=\"~DC-CookieData_cookieValue~\"; expires="+newDate.toGMTString();
</script>
{/DC-CookieData_cookieHasChanged}
...

Referenz: DC-CookieData_set()
Referenz: DC-CookieData_cookieHasChanged

Achtung:

Bitte beachten Sie, dass die maximale Größe eines Cookies von den Browsern begrenzt wird und 4 KB beträgt. Vermeiden Sie daher, zu große Datenmengen in das Cookie zu schreiben, da dessen Funktionalität sonst nicht mehr gewährleistet ist.

Die Angabe var days= im Script muss mit dem Wert des Gültigkeitszeitraums übereinstimmen, so wie er in der Shopkonfiguration shop.config definiert wurde (siehe Schritt 3).

Schritt 5: Anzeigen der Inhalte je nach Wert des Cookies

Die Inhalte werden nun entweder mittels Include-Technik angezeigt (sofern entsprechend vorbereitet, vgl. Schritt 2) oder mit DC-FP-Klammerungen. Beide Möglichkeiten erläutern wir in den folgenden Beispielen:

A) Include-Technik
Voraussetzung: Im Templateverzeichnis liegt eine Datei namens incl_<Wert des Cookies>.htm.
Diese Datei wird mit dem Tag DC-CookieData_lastValueTouched je nach Inhalt des Cookies referenziert.

Beispiel:
Wert des Cookies:
hund

wird mit DC-CookieData_lastValueTouched übergeben:
~WS-DynIncludeTpl(incl_$DC-CookieData_lastValueTouched$.htm)~

Daraus resultiert der Aufruf:
~WS-DynIncludeTpl(incl_hund.htm)~

Ist im Cookie der Wert katze gespeichert, wird das Include-Template incl_katze.htm aufgerufen.

Um die Include-Technik anzuwenden und so die beabsichtigte Ausgabe zu realisieren, fügen Sie folgende Tags auf dem gewünschten Template ein:

...


{DC-CookieData(kundengruppe)}
    ~DC-CookieData_touchKey(kundengruppe)~

    ~WS-DynIncludeTpl(incl_$DC-CookieData_lastValueTouched$.htm)~

{/DC-CookieData(kundengruppe)}


...

Für den Fall, dass kein Cookie gesetzt wurde, soll die Standardseite des Shops angezeigt werden. Dies wird mit der negativen DC-CookieData-Klammerung und dem Aufruf mittels WS-IncludeTpl realisiert:

...


{!DC-CookieData(kundengruppe)}
~WS-IncludeTpl(incl_startseite.htm)~
{/!DC-CookieData(kundengruppe)}


...

Wegweiser: Wiederverwendung: Includes

Referenz: DC-CookieData()
Referenz: DC-CookieData_touchKey
Referenz: DC-CookieData_lastValueTouched
Referenz: WS-DynIncludeTpl
Referenz: WS-IncludeTpl

B) DC-FP-Klammerungen
Eine Alternative besteht darin, den Wert des Cookies an DC-FP-Tags zu übergeben, um so die zielgruppenspezifischen Designs und Inhalte anzuzeigen.

Wenn das Cookie gesetzt ist, sollen die entsprechenden Inhalte für Hunde- oder Katzenbedarf eingeblendet werden, die direkt auf dem Template in den DC-FP-Klammerungen hinterlegt wurden.

Um die beabsichtigte Ausgabe zu realisieren, fügen Sie folgende Tags auf dem gewünschten Template ein:

...


{DC-CookieData(kundengruppe)}
    ~DC-CookieData_touchKey(kundengruppe)~

    ~DC-FPZielgruppe_set($DC-CookieData_lastValueTouched$)~

{DC-FPZielgruppe(katze)}     
...
   {CAT-LoadData(<Index Kategorie Katze>,999)}
        {CAT-LoadData_OK}
            Unsere Bestseller: Unsere meistverkauften Produkte für Katzen
            {CAT-LoadData_HasProducts}
                {@PR-Data}
                    ~PR-Name~
                {/@PR-Data}
            {/CAT-LoadData_HasProducts}
         {/CAT-LoadData_OK}
    {/CAT-LoadData(<Index Kategorie Katze>,999)}
...
{/DC-FPZielgruppe(katze)}

{DC-FPZielgruppe(hund)}     
...
   {CAT-LoadData(<Index Kategorie Hund>,999)}
        {CAT-LoadData_OK}
            Unsere Bestseller: Unsere meistverkauften Produkte für den Hund
            {CAT-LoadData_HasProducts}
                {@PR-Data}
                    ~PR-Name~
                {/@PR-Data}
            {/CAT-LoadData_HasProducts}
         {/CAT-LoadData_OK}
    {/CAT-LoadData(<Index Kategorie Hund>,999)}
...
{/DC-FPZielgruppe(hund)}

{/DC-CookieData(kundengruppe)}

Für den Fall, dass kein Cookie gesetzt wurde, soll ein Standardtext eingeblendet werden. Dies wird mit der negativen DC-CookieData-Klammerung realisiert:

...


{!DC-CookieData(kundengruppe)}
Katzen- und Hundefreunde finden bei uns die besten Angebote für ihre Lieblinge.
{/!DC-CookieData(kundengruppe)}



...

Referenz: DC-FPX
Referenz: DC-CookieData()
Referenz: DC-CookieData_touchKey
Referenz: DC-CookieData_lastValueTouched

Haben Sie alle Schritte durchgeführt, ist die Funktion "Onsite-Personalisierung" vollständig integriert und kann eingesetzt werden.