Facebook Conversion Code wo einfügen??

vmgmbh

Sehr aktives Mitglied
26. November 2010
1.054
14
Hallo liebes Forum!

Wir testen gerade Werbeanzeigen mit Facebook und haben diesbezüglich ein sog Besuchaktions-Pixel erstellt, das die Verkäufe messen soll. Dies ist analog zum Google Conversion Code denke ich mal.

Wir haben folgenden Code von Facebook bekommen.

Code: 
<script type="text/javascript">
var fb_param = {};
fb_param.pixel_id = 'XXXXXXXXX';
fb_param.value = '0.00';
(function(){
  var fpw = document.createElement('script');
  fpw.async = true;
  fpw.src = (location.protocol=='http:'?'http':'https')+'://connect.facebook.net/en_US/fp.js';
  var ref = document.getElementsByTagName('script')[0];
  ref.parentNode.insertBefore(fpw, ref);
})();
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/offsite_event.php?id=XXXXXXXXX&amp;value=0" /></noscript>

Wie müssen wir den Code nun bearbeiten und wo müssen wir Ihn einfügen, dass er im Shop funktioniert???
 

snwue

Gut bekanntes Mitglied
17. März 2007
459
3
Würzburg
AW: Facebook Conversion Code wo einfügen??

Wir haben das gleiche Problem. Wenn wir es im Header so wie beschrieben im Bereich <head> einfügen dann wird nur leere Startseite angezeigt..
 

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.702
355
AW: Facebook Conversion Code wo einfügen??

Code: 
<script type="text/javascript">
[COLOR=#ff0000][B]{literal}[/B][/COLOR]
var fb_param = {};
fb_param.pixel_id = 'XXXXXXXXX';
fb_param.value = '0.00';
(function(){
  var fpw = document.createElement('script');
  fpw.async = true;
  fpw.src = (location.protocol=='http:'?'http':'https')+'://connect.facebook.net/en_US/fp.js';
  var ref = document.getElementsByTagName('script')[0];
  ref.parentNode.insertBefore(fpw, ref);
})();
[COLOR=#ff0000][B]{/literal}[/B][/COLOR]
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/offsite_event.php?id=XXXXXXXXX&amp;value=0" /></noscript>
 

david

Administrator
Mitarbeiter
16. Juli 2010
2.310
170
AW: Facebook Conversion Code wo einfügen??

Ab 3.18 gibt es im Template eine Datei bestellabschluss_conversion_tracking.tpl. In diese Datei gehören Snippets, die bei Bestellabschluss einmalig zu Conversion-Tracking-Zwecken ausgeführt werden.

Allgemeine Anleitung zum Erweitern: Kopie bestellabschluss_conversion_tracking_custom.tpl anlegen, dann analog zu den vorhandenen Beispielen den eigenen Tracking-Code einfügen und darauf achten, dass die geschweiften Klammern smarty-Konform umschrieben werden (siehe Post über diesem oder Beispiele in der Datei mit {ldelim} und {rdelim}).
 

snwue

Gut bekanntes Mitglied
17. März 2007
459
3
Würzburg
AW: Facebook Conversion Code wo einfügen??

Zitat von martinwolf:
Code: 
<script type="text/javascript">
[COLOR=#ff0000][B]{literal}[/B][/COLOR]
var fb_param = {};
fb_param.pixel_id = 'XXXXXXXXX';
fb_param.value = '0.00';
(function(){
  var fpw = document.createElement('script');
  fpw.async = true;
  fpw.src = (location.protocol=='http:'?'http':'https')+'://connect.facebook.net/en_US/fp.js';
  var ref = document.getElementsByTagName('script')[0];
  ref.parentNode.insertBefore(fpw, ref);
})();
[COLOR=#ff0000][B]{/literal}[/B][/COLOR]
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/offsite_event.php?id=XXXXXXXXX&value=0" /></noscript>
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Hat funktioniert, vielen dank!
 

ungaricum

Aktives Mitglied
4. September 2009
93
0
AW: Facebook Conversion Code wo einfügen??

Hallo liebes Forum,

Vielleicht eine dumme Frage, aber trotzdem: wenn in den Code {literal} und {/literal} eingefügt wurden, müssen noch die geschweiften Klammern smarty-Konform umgeschrieben werden ({ldelim} und {rdelim})? Im Code oben sind noch die urpsrüngliche Klammern zu finden - deswegen die Frage...
 

ag-websolutions.de

Sehr aktives Mitglied
29. Dezember 2009
14.548
233
AW: Facebook Conversion Code wo einfügen??

Hallo,

nein!

Mit {literal} ... {/literal} weist du smarty an, alles was dazwischen steht eben nicht zu parsen, so dass smarty nicht über die { bzw. } stolpert.

Das Problem ist vielmehr, dass du somit auch nicht auf smarty-Variablen zurück greifen kannst um zum Beispiel den Bestellwert zu tracken.
Deswegen steht auch oben im code der value-Wert fest auf 0.0
 

ungaricum

Aktives Mitglied
4. September 2009
93
0
AW: Facebook Conversion Code wo einfügen??

Hallo,

Vielen Dank für die superschnelle Antwort! Es hat wunderbar geklappt. Was vielleicht nicht so selbstverständlich ist, ist der Prozess, wie der Facebook Conversion Pixel Verifizierung durchgeführt werden muß:

1) Facebook Pixel in bestellabschluss_conversion_tracking.tpl einbauen.
2) Facebook Pixel Helper Modul als Chrome Erweiterung installieren
3) Pixel Helper Anweisung lesen
3) Chrome Browser im Inkognito Modus öffnen
4) Muster-Bestellung im Shop durchführen
5) Wenn alles klappt, Facebook Pixel Helper zeigt keinen Fehler
6) Im Facebook Ad-Manager Conversion Tracking überprüfen - Status soll verifiziert sein

Viel Glück!
 
Du musst Dich einloggen oder registrieren um hier antworten zu können.
Ähnliche Themen
Titel Forum Antworten Datum
Neu Custom Checkout - Conversion optimiert mit Speicherung von Standard-Versandart und Zahlungsart am Kunden JTL-Shop - Ideen, Lob und Kritik 1
Neu Möglichkeit QR Code auf Label zu drucken JTL-ShippingLabels - Fehler und Bugs 2
QR-Code auf der Rechnung gibt 100-fachen Betrag des eigentlichen Rechnungsbetrages aus JTL-Wawi 2.0 5
Neu Datamatrix QR-Code scannen JTL-POS - Fragen zu Hardware 0
Neu DHL Versenden 4.0 HS Code-Fehler bei Freiposition JTL-ShippingLabels - Fehler und Bugs 20

Ähnliche Themen

Top Bottom