Link-Shortener - WEBSALE Dokumentation

Produkte mit vielen Konfigurationsmöglichkeiten, etwa Drucksachen, erzeugen lange Adressen, weil jede gewählte Option als Parameter angehängt wird. Eine solche Adresse lässt sich nicht weitergeben und nicht notieren:

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

Der Link-Shortener bietet dem Kunden dafür einen kurzen Link an, der beim Aufruf auf genau diese Konfiguration zurückführt:

https://www.druckerei.de/sl/g1uMosn

Der praktische Nutzen liegt beim Kunden: Er speichert den kurzen Link, ruft ihn später wieder auf und findet sein Produkt mit allen getroffenen Einstellungen vor, ohne sie erneut zusammenzustellen. Der Link-Shortener ist eine eigenständige Funktion und hat technisch nichts mit den SEO-URLs zu tun. Beides lässt sich unabhängig voneinander nutzen. Wegweiser: SEO-URLs und Link-Optimierung

Voraussetzungen

Die Funktion arbeitet mit AJAX und einer Ebene über der Seite. Sie steht deshalb nur Kunden zur Verfügung, die JavaScript im Browser eingeschaltet haben.

Das Nachladen per AJAX wird wie ein Seitenaufruf gewertet und erhöht damit die Anzahl der Leistungseinheiten. Bei einem Produkt, das viele Kunden konfigurieren, ist das kein Nebeneffekt, sondern eine Größe, die in die Kalkulation gehört.

Die Funktion muss von WEBSALE freigeschaltet und konfiguriert werden. Teilen Sie Ihrem Ansprechpartner mit, für welche Subshops Sie sie wünschen.

Einrichten

Schritt 1: Den Aufruf auf der Produktdetailansicht einbauen

Auf der Produktdetailansicht ws_product.htm entsteht der Link, über den der Kunde den Kurzlink anfordert. Im Beispiel wird der Link für das Produkt samt gewählten Varianten gebildet.

{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}

Welcher Link gekürzt wird, entscheidet der Parameter von WS-PrepareForShortURL(). Im Beispiel ist das PR-DepVarLink, also der Produktlink mit den gewählten Varianten. Für einen anderen Kurzlink setzen Sie dort ein anderes Link-Tag ein. Referenz: WS-PrepareForShortURL

Schritt 2: JavaScript-Bibliothek einbinden

Auf der Produktdetailansicht müssen die WEBSALE Systembibliothek und die Design-Komponente eingebunden sein, mindestens in der Version 1.8.1.

<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 3: Template für die Anzeige anlegen

Der Klick lädt per AJAX ein weiteres Template nach, das dem Kunden den erzeugten Kurzlink zeigt. Legen Sie es unter dem Namen an, der im Aufruf aus Schritt 1 steht, und speichern Sie es in Ihrem Template-Verzeichnis.

{ST-Ajax}
<WS-Ajax-ws_shortlink>

   {WS-ShortURL}
      IHR PERSÖNLICHER DIREKTLINK
      <p>~WS-ShortURL~</p>
   {/WS-ShortURL}

   {!WS-ShortURL}
      Für dieses Produkt lässt sich leider kein Kurzlink erzeugen.
      Bitte wenden Sie sich an unseren Kundenservice.
   {/!WS-ShortURL}

</WS-Ajax-ws_shortlink>
{/ST-Ajax}

Der Name des AJAX-Bereichs muss mit der Kennung des div aus Schritt 1 übereinstimmen, hier ws_shortlink. Sonst weiß der Browser nicht, welchen Teil der Seite er ersetzen soll.

Der negative Bereich ist nicht optional. Lässt sich kein Kurzlink erzeugen, sieht der Kunde sonst eine leere Ebene und weiß nicht, ob etwas passiert ist.

Referenz: WS-ShortURL

​Voraussetzungen

​Einrichten

​Schritt 1: Den Aufruf auf der Produktdetailansicht einbauen

​Schritt 2: JavaScript-Bibliothek einbinden

​Schritt 3: Template für die Anzeige anlegen

​Verwandte Themen

Voraussetzungen

Einrichten

Schritt 1: Den Aufruf auf der Produktdetailansicht einbauen

Schritt 2: JavaScript-Bibliothek einbinden

Schritt 3: Template für die Anzeige anlegen

Verwandte Themen