Link-Shortener
Wenn Sie in Ihrem Shop Produkte mit vielen Konfigurationsmöglichkeiten wie z. B. Drucksachen anbieten, können unter Umständen sehr lange Produktlinks entstehen, da jede gewählte Option der Produktkonfiguration als Parameter an die URL angehängt wird.
Beispiel:
https://www.druckerei.de/Flyer,-DIN-A8.htm?pi=PFLA844&ci=000573&depvar_index_setparent=%3cPFLA844%3e%3cPFLA844%2e170%2e%2e%2e25%3e&depvar_index_set_1=%3cZXXA8Y3A%3e%3cZXXA8Y3AA01%3e&depvar_index_set_2=%3cZXXXX97N%3e%3cZXXXX97NN90%3e&depvar_index_set_3=%3cZFLXXXXD%3e%3cZFLXXXXDD00%3e&depvar_index_set_4=%3cZFLA812Y%3e%3cZFLA812YY34%3e
Mit dem Feature "Link-Shortener" können Sie es Kunden ermöglichen, gewünschte Shop-Links als Kurzlinks zu erzeugen. Diese Kurzlinks sind aufgrund ihrer geringen Länge "handlicher", können nach Belieben gespeichert werden und leiten beim Aufruf automatisch auf die ursprüngliche "lange" URL um.
Beispiel Kurzlink:
https://www.druckerei.de/sl/g1uMosn
So können Sie die Erzeugung des Kurzlinks (oder "Direktlinks", wie im unten gezeigten Beispiel) bei jedem Produkt anbieten. Hier werden alle getroffenen Produktkonfigurationen in der URL übernommen. Durch Speichern und Wiederaufrufen des komfortablen Kurzlinks kann somit das gewünschte Produkt mit alle ausgewählten Optionen erneut geladen werden. Ein wiederholtes Bestimmen aller gewünschten Produktdetails entfällt somit, und durch den Kurzlink kommt der Kunde mit einem übersichtlichen Link geringer Länge in Kontakt.
Hinweis: |
|
|
Bitte beachten Sie, dass das Feature "Link-Shortener" eine eigenständige Funktion ist, die technisch nicht mit den "SEO-URLs" zusammenhängt. |
Schritt 1: Voraussetzung
Diese Funktion verwendet AJAX- und Layertechnik. Deshalb ist dieses Feature nur verfügbar, wenn der Käufer in seinem Browser JavaScript aktiviert hat.
Hinweis: |
|
|
Bitte beachten Sie, dass das durch Einsatz des Features verursachte Nachladen per AJAX wie ein Seitenaufruf gewertet wird und somit die Anzahl der Leistungseinheiten erhöht. |
Schritt 2: Freischaltung und Konfiguration
Für die Nutzung des Features "Link-Shortener" ist eine technische Freischaltung und Konfiguration seitens WEBSALE nötig. Bitte kontaktieren Sie Ihren WEBSALE Ansprechpartner und teilen Sie mit, für welche(n) Subshop(s) Sie diese Funktion wünschen.
Schritt 3: Einfügen des AJAX-Aufrufes zur Erzeugung des Kurzlinks auf der Produktdetailansicht (ws_product.htm)
Fügen Sie auf der Produktdetailansicht (ws_product.htm) folgenden AJAX-Aufruf ein, um die Erzeugung und Anzeige des Kurzlinks anzubieten.
In unserem Beispiel wird der Kurzlink für das entsprechende Produkt mit den gewählten Varianten gebildet.
Beispiel für die Kürzung eines Varianten-Links:
{WS-PrepareForShortURL}
<div id="ws_shortlink">
<a href="#" onclick="return ws_AJAXloadTemplate('~WS-SSLLoadTpl(tpl_shortlink.htm)~','~WS-Charset~',
ws_AJAXloadShortLinkStart,ws_AJAXloadShortLinkError,'ws_AJAXloadShortLinkSuccess()','ws_AJAXloadShortLinkResponseError()',
'~WS-PrepareForShortURL($PR-DepVarLink$)~')">Direktlink</a>
</div>
{/WS-PrepareForShortURL}
Der gewünschte Link wird dabei im Parameter des Einzel-Tags WS-PrepareForShortURL() festgelegt. Möchten Sie einen anderen Kurzlink erzeugen, dann passen Sie das Tag innerhalb von WS-PrepareForShortURL() entsprechend an.
Referenz: WS-PrepareForShortURL
Schritt 4: Einbinden der WEBSALE JavaScript-Bibliothek
Binden Sie die WEBSALE JavaScript-Systembibliothek inklusive Designkomponente auf der Produktdetailansicht (ws_product.htm) ein, falls noch nicht vorhanden. Wenn Sie diese bereits eingebunden haben, achten Sie bitte darauf, mindestens die Version 1.8.1 zu verwenden.
<head>
...
<script type="text/javascript" src="/$WS/ws_sysdata/js/ws-system-1.8.3.js"></script>
<script type="text/javascript" src="../<Ihr Verzeichnis>/ws-design-1.8.3.js"></script>
...
</head>
Materialien: WEBSALE JavaScript-Bibliothek
Wegweiser: JavaScript und jQuery
Schritt 5: Erstellen eines Templates für die Anzeige des Kurzlinks
Wird auf den zuvor integrierten Link geklickt, öffnet sich ein weiteres Template per AJAX-Aufruf. Auf diesem Template wird dem Kunden der erzeugte Kurzlink angezeigt.
Legen Sie das Template unter dem im AJAX-Aufruf angegebenen Namen (siehe Schritt 3) an und speichern Sie es in Ihrem Template-Verzeichnis, z. B. benutzer/templates/translation.
Fügen Sie auf dem Template folgenden Inhalt ein:
{ST-Ajax}
<WS-Ajax-ws_shortlink>
{WS-ShortURL}
IHR PERSÖNLICHER DIREKTLINK
<p>~WS-ShortURL~</p>
{/WS-ShortURL}
{!WS-ShortURL} Leider ist es nicht möglich, einen Kurzlink für dieses Produkt zu generieren. Bitte kontaktieren Sie uns unter XXXXXX. {/!WS-ShortURL}
</WS-Ajax-ws_shortlink>
{/ST-Ajax}
Referenz: WS-ShortURL
Haben Sie alle Schritte durchgeführt, ist die Funktion erfolgreich in Ihrem Shop integriert und aktiv.