Zum Hauptinhalt springen

Facebook-Pixel-Integration

Der Facebook Pixel ist ein JavaScript-Snippet, das verwendet wird, um bestimmte Aktionen eines Website-Besuchers zu verfolgen.

Aktuell ist es nicht möglich, den Facebook Pixel direkt in den Chat einzubinden. Die JavaScript-API von LoyJoy ermöglicht jedoch eine einfache Integration über die Website.

Unsere JavaScript-API ermöglicht der Website, Ereignisse zu verarbeiten, die im Chat ausgelöst werden. Einige Ereignisse werden automatisch ausgelöst, Sie können aber auch benutzerdefinierte Ereignisse einrichten, die im Chat ausgelöst werden.

Erstellen Sie Ihre eigene Pixel-Integration in drei Schritten:

  1. Wählen Sie das Ereignis aus, das Sie verfolgen möchten, oder erstellen Sie es
  2. Stellen Sie die Facebook-Pixel-Integration auf Ihrer Seite sicher
  3. Integrieren Sie die Facebook-Pixel-Integration mit der LoyJoy-JavaScript-API

Ein zu verfolgendes Ereignis auswählen/erstellen​

Wir könnten eines der bereits vorhandenen Ereignisse in LoyJoy auswählen. Beispielsweise wird newsletter_single_opt_in ausgelöst, wenn ein Kunde im Chat ein Newsletter-Single-Opt-In gibt.

Wir können aber auch ein benutzerdefiniertes Ereignis hinzufügen. Dazu können wir ein Event-Prozessmodul in unseren Prozess ziehen und anschließend den Namen des Ereignisses definieren, das an dieser Stelle im Prozess ausgelöst werden soll:

event

Hier wählen wir als Beispiel den Namen product_tester. Jetzt können wir mit der Integration auf der Website fortfahren.

Facebook-Pixel-Seitenintegration​

Dies ist das grundlegende Skript. Es muss in das HTML der Website integriert werden.

<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '522344231566343');
fbq('track', 'PageView');
</script>

Das Skript erstellt die fbq-Funktion, initialisiert das Tracking und verfolgt eine Seitenansicht. Diese Funktion können wir im nächsten Schritt verwenden, um Chat-Ereignisse in Facebook zu verfolgen.

Ereignisse von LoyJoy an Facebook senden​

Wir müssen die fbq-Funktion auch in das LoyJoy-Startskript integrieren. Dieses Beispiel löst das Facebook-Tracking aus, wann immer ein LoyJoy-Ereignis namens product_tester ausgelöst wird:

<script>
LoyJoy('boot', {
  eventListeners: [function (type, detail) {
    if (type === 'product_tester') {
      fbq('track', type)
    }
  }],
  process: PROCESS_ID
})
</script>