Einführung in CouchTools Teil 7.1: Couchlet & Conversionpixel Umsetzung in xt Commerce/os Commerce/ Gambio

Für alle, die Gambio/xtCommerce/osCommerce verwenden und technisch nicht so tief mit dem Shopsystem vertraut sind, zeigen wir heute, wie du unser Couchlet und das Conversionpixel implementierst. Magento und WordPress folgen noch. Wir hoffen, das hilft Dir weiter :-) Falls nicht, kannst Du Dich jederzeit gerne an unser Support-Team wenden – die unterstützen Dich bei jedem Problem/jeder Frage sehr gerne: support@couchtools.com

Und so funktioniert die Implementation von Couchlet & Conversionpixel in xt Commerce / os Commerce/ Gambio

Für alle Implementierungsmethoden wird ein funktionstüchtiger FTP-Zugang und eingerichtetes FTP vorausgesetzt. Sollte das bei Dir noch nicht vorliegen, findest Du hier eine Anleitung dafür mit dem FTP Client Filezilla.

 

Und nun lass uns loslegen! Folgende drei Schritte musst Du unabhängig vom System zuerst ausführen:

  1. Wähle unter dem Reiter “Einstellungen” rechts in der oberen Navigationsleiste “Implementierung” in CouchTools aus.Implementierung_Couchlet2
  2. Auf der nun geöffneten Seite findest Du das Couchlet, Klicke bitte auf den blauen, mittig angeordneten Button: “In Zwischenablage kopieren”.Implementierung_Couchlet_Zwischenablage
  3. Verbinde Dich mit Hilfe Deines FTP Clients mit Deinem Server, damit Du Deine Quelldateien bearbeiten kannst. 
  4. Öffne einen Text-Editor (z. B. Notepad in Windows) und kopiere das Couchlet ohne die HTML-Tags (jeweils die ersten und letzten beiden Zeilen) dort hinein.Couchlet Javascript xt os Commerce Gambio
  5. Speichere die Datei unter folgendem Namen: couchlet.js – so wird eine Javascript Datei daraus, die Du im folgenden benötigst. 
  6. Speichere diese Datei nun mit Hilfe von FTP im Javascript Ordner Deines derzeit genutzten Templates.Tipp: Der Ordner wird wahrscheinlich folgendermaßen aussehen: /templates/[DEIN TEMPLATE]/javascriptCouchlet Filezilla XtCommerce Javascript Path
  7. Öffne die Datei general.js.php und füge folgende Zeile Code ein in ca. Zeile 15 (siehe Bild): <script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/'; ?>javascript/couchlet.js"></script>
    Tipp:Die Datei sollte sich im Javascript Verzeichnis Deines derzeit genutzten Templates befinden. Falls Du die Datei nicht couchlet.js benannt hast, achte darauf, dass Du diesen statt couchlet.js in die Code Zeile vor </script> einfügst.Code einfügen Javascript Couchlet xt os commerce gambio

 

Und so integrierst Du das Conversionpixel:

 

  1. Navigiere zurück zu CouchTools und dem Reiter Website-Ziele, wo Du bereits das Couchlet kopiert hast. Darunter findest Du die angelegten Website-Ziele. Kopiere dort nur die beiden Zahlen in der Mitte des Codes (Deine Conversionpixelcodezahlen), hier im Beispiel wären es 247/254.Conversionpixel CouchTools ImplementierenTipp: Wenn Du noch keine Website-Ziele angelegt hast – klicke hier für eine Anleitung!
  2. Öffne im Stammverzeichnis Deines Shops die Datei “checkout_success.php”
  3. Füge vor den Zeilen:
    $smarty->assign(‘language’, $_SESSION['language']);$smarty->assign(‘PAYMENT_BLOCK’, $payment_block);
    $smarty->caching = 0;$main_content = $smarty->fetch(CURRENT_TEMPLATE.’/module/checkout_success.html’);
    Folgenden Code-Schnipsel ein – füge deine oben kopierten Zahlen an der orange markierten Stelle ein anstelle von DEINE CONVERSIONPIXELCODEZAHLEN – falls du noch unsicher bist, unter dem Bild befindet sich ein Beispiel:
    /** COUCHTOOLS CONVERSIONTRACKING START */
    $Query = "select sum(value) as total_value from " . TABLE_ORDERS_TOTAL . " where class != 'ot_total' and orders_id = '" . $orders['orders_id'] . "'";$result = xtc_db_query($Query);$row = xtc_db_fetch_array($result);$fTotal = $row["total_value"];//COUCHTOOLS Tracking Code$smarty->assign('cttracking_code', '<img data="DEINE CONVERSIONPIXELCODEZAHLEN/'.number_format($fTotal, 2).'" width="1" height="1" />');/* END COUCHTOOLS CONVERSIONTRACKING **/
    BEISPIEL:Das fertige Code-Schnippsel sollte dann so aussehen (nur mit Deinen individuellen Zahlen an der orange markierten Stelle):

    /** COUCHTOOLS CONVERSIONTRACKING START */

    $Query = "select sum(value) as total_value from " . TABLE_ORDERS_TOTAL . " where class != 'ot_total' and orders_id = '" . $orders['orders_id'] . "'";

    $result = xtc_db_query($Query);

    $row = xtc_db_fetch_array($result);

    $fTotal = $row["total_value"];

    //COUCHTOOLS Tracking Code

    $smarty->assign('cttracking_code', '

    <img data="247/254/'.number_format($fTotal, 2).'" width="1" height="1" />

    ');

    /* END COUCHTOOLS CONVERSIONTRACKING **/

    Solltest du osCommerce verwenden, ersetze diesen Teil des Codes

    $result = xtc_db_query($Query);

    $row = xtc_db_fetch_array($result);

    Durch diesen Code:

    $result = tep_db_query($Query);
    $row = tep_db_fetch_array($result);

  4. >Gehe in den Ordner “Module” Deines Templates.
    Tipp: Der Pfad sieht in der Regel so aus: /templates/[Dein Theme]/module/checkout_success.html
  5. Öffne die Datei checkout_success.html
  6. Füge folgenden Code in das Template ein – am besten vor der Zeile {$FORM_END}<!-- CouchTools Conversion-tracking start !-->{$cttracking_code}<!-- CouchTools Conversion-tracking end !-->
  7. Speichere Deine Änderungen und wechsele zu Filezilla. Dort solltest Du eine Meldung bekommen, ob Du deine Änderungen hochladen möchtest. Bestätige.

Geschafft!

Eddie hofft, dass es dir genauso viel Spaß machen wird mit CouchTools zu arbeiten wie ihm!

Falls du noch Fragen hast, kannst du dich gerne jederzeit an unser Support-Team wenden! support[at]couchtools.com

Beitrag von: Melanie

Trackbacks/Pingbacks

  1. Einführung in CouchTools Teil 7.2: Couchlet & Conversionpixel Umsetzung in Wordpress | CouchTools - [...] vertraut sind, zeigen wir heute, wie du unser Couchlet und das Conversionpixel implementierst. xt Commerce/ os Commerce/ Gambio haben …
  2. Einführung in CouchTools Teil 7.3: Couchlet & Conversionpixel Umsetzung in Magento | CouchTools - [...] vertraut sind, zeigen wir heute, wie du unser Couchlet und das Conversionpixel implementierst. xt Commerce / os Commerce/ …

Kommentar absenden

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>