Affiliate Tracking mit Unbounce

Conversion Tracking
Unbounce Landing Page Builder

Tutorial: Hier lernen Sie wie Sie beliebiges Affiliate Marketing Tracking auf Unbounce Seiten implementieren

Affiliate Tracking mit Unbounce

Landingpage Software wie InstaPage, Leadpages für WordPress oder auch Unbounce.com sind jedem Online Marketeer ein Begriff, der aktiv CRO betreibt. Bei Rheinwunder setzen wir aufgrund der tollen Ergebnisse, Funktionalität und Support für Kunden und eigene Projekte in den meisten Fällen unbounce.com ein.

A/B Test

Landing Page Builder mit integriertem A/B Testing

Was ist Unbounce?

Kurz umrissen handelt es sich bei Unbounce.com um einen „Baukasten“, mit dem besonders Html Laien optimierte Landeseiten innerhalb kürzester Zeit bauen können. Eine Reihe vorgefertigter Lead-, Download-, Sign-Up, Newsletter etc. Templates stehen zur Verfügung, die man ohne viel Mühe auf die Kundenbedürfnisse anpassen kann. Wem das nicht reicht, findet bei ThemeForest eine ständig wachsende Auswahl an Unbounce Templates. Das beste Feature von Unbounce ist allerdings die A/B Testing Funktion. Wenn erst einmal ein Master Template erstellt wurde, können schnell und einfach beliebig viele Varianten und Test generiert werden. Beispielsweise können verschiedene c2a Elemente, Überschriften, Farben, Elemente etc. getestet werden. Jeder Variante wird nun ein bestimmter Prozentsatz der Besucher zugewiesen und je nach Erfolg weiter genutzt oder abgeschaltet. Alle generierten Leads werden als Email verschickt, können direkt an CRM Systeme wie z.B. SalesForce oder via Webhook auch direkt auf einen Zielserver übertragen werden.

Authentifizierung

Landing Page Builder mit integriertem A/B Testing

Conversion Tracking mit Unbounce

Unbounce bietet via Copy & Paste die Möglichkeit, auf der „Danke“ Seite JavaScripts und die üblichen AdWords oder Bing Ads Conversion Codes anzuzeigen und Leads zu tracken. Wenn allerdings ein eindeutiger Wert einem Lead zugeordnet und als Conversion getracked werden soll, ist ein Work Around nötig. Im folgenden Fall musste eine uniqueID an eine Affiliate Netzwerk übergeben werden, um die generierten Leads eindeutig identifizieren und bei Erfolg auszahlen zu können. Da Unbounce.com natürlich keine Eingriffe in das System zulässt und ferner auch keine serverseitigen Skriptsprachen unterstützt, blieb nur JavaScript.

Tracking mit Unbounce

Speicherung der Affiliate Tracking ID in einem "hidden field"

Schritt Eins - Affiliate Tracking mit Unbounce

Es wird ein „Hidden Field“ im Kontaktformular benötigt, welches den Namen des eindeutigen Wertes enthält, in unserem Fall „oid“. „Default Value“ bleibt natürlich leer. Alle Parameter für die ein hidden field existiert, werden automatisch von Unbounce gespeichert und mit den anderen Form Daten übertragen (Eine gute Einsatzmöglichkeit für hidden fields ist beispielsweise die utm_ Parameter von Google Analytics).

Unbounce dankt

Aktivierung des Page Builders

Schritt Zwei - Affiliate Tracking mit Unbounce

Im nächsten Schritt wird der Page Builder für die „Danke Seite“ aktiviert

JS Dialog aktivieren um Tracking Script zu inkludieren

Schritt Drei - Affiliate Tracking mit Unbounce

Der Button „JavaScript“ aktiviert den JS Dialog, hier können alle Scripte hinzugefügt werden, welche auf der „Danke“ Seite angezeigt werden sollen.

Schlussendlich muss auf der „Danke“ Seite folgendes JavaScript hinzugefügt werden.

Schritt Vier - Affiliate Tracking mit Unbounce

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<script>// <![CDATA[
  // Die Funktion getQueryVariable extrahiert alle Parameter von dem Query String
  function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  //  alert(query); Um den Inhalt des Query Strings zu testen können hier alle
  //  Werte über einen Alert ausgegeben werden
  var vars = query.split('&');
  for (var i = 0; i < vars.length; i++) {
  var pair = vars[i].split('=');
    if (decodeURIComponent(pair[0]) == variable) {
      
        return decodeURIComponent(pair[1]);
    }
  }
}
  
  //Hier wird der gewünschte Wert übernommen, in unserem Fall die oid.
  var orderid = getQueryVariable("oid");
  //Definition der Ziel URL
  var url = "https://www.ziel-domain.de/name-der-zielseite.php?fixe-var=1&fixe-var=2&oid=";  
  //Bau des Tracking Pixels
  fa_pixel = new Image(0,0)
  //Verknüpfung von URL und OrderID
  fa_pixel.src=url + orderid;
  // Auslösung des Tracking Pixels 
  document.write('<img src="'+fa_pixel.src+'" border="0" alt="">');
// ]]></script>

Mit Hilfe der Hidden Fields und dieses JavaScripts können nur beliebig viele Tracking Parameter auf der „Danke“ Seite übergeben werden.

Diesen Beitrag Teilen

Hat Ihnen unser Artikel gefallen oder kennen Sie jemanden der diesen Beitrag lesen sollte?
Dann teilen Sie gerne unseren Beitrag!