Tutorial: Beliebiges Affiliate Marketing Tracking auf Unbounce Seiten implementieren

Affiliate Tracking mit Unbounce

Unbounce-Werbung für Landing Pages mit Bildbearbeitungswerkzeugen und einer Hand, die eine Pipette hält.

Von Ralph Grundmann · Zuletzt aktualisiert am 12.09.2024

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.

Einfache Erstellung von optimierten Landingpages

Was ist Unbounce?

Unbounce.com ist ein benutzerfreundlicher „Baukasten“, mit dem insbesondere HTML-Laien optimierte Landingpages in kürzester Zeit erstellen können. Es stehen eine Vielzahl vorgefertigter Templates für Lead-Generierung, Downloads, Anmeldungen, Newsletter und mehr zur Verfügung, die sich mühelos an die Bedürfnisse der Kunden anpassen lassen. Wer darüber hinaus zusätzliche Vorlagen sucht, findet auf ThemeForest eine stetig wachsende Auswahl an Unbounce-Templates.

Das herausragende Feature von Unbounce ist die A/B-Testfunktion. Nachdem ein Master-Template erstellt wurde, können problemlos zahlreiche Varianten und Tests generiert werden. So lassen sich beispielsweise verschiedene Call-to-Action-Elemente, Überschriften, Farben und andere Seitenelemente testen. Jedem Varianten-Test wird ein bestimmter Prozentsatz der Besucher zugewiesen, und basierend auf den Ergebnissen wird die erfolgreiche Variante beibehalten, während weniger erfolgreiche Versionen abgeschaltet werden.

Alle generierten Leads können per E-Mail verschickt oder direkt in CRM-Systeme wie Salesforce integriert werden. Alternativ ist es auch möglich, die Daten via Webhook an einen Zielserver zu übertragen.

Landingpage Baukasten mit integriertem A/B Testing

Conversion Tracking mit Unbounce

Unbounce bietet über Copy & Paste die Möglichkeit, auf der „Danke“-Seite JavaScripts sowie gängige Conversion-Codes von Google Ads oder Microsoft Ads einzufügen, um Leads zu tracken. Wenn jedoch einem Lead ein eindeutiger Wert zugewiesen und als Conversion getrackt werden soll, ist ein Workaround erforderlich. In einem speziellen Fall musste eine uniqueID an ein Affiliate-Netzwerk übergeben werden, um die generierten Leads eindeutig zu identifizieren und bei Erfolg auszuzahlen.

Da Unbounce keine direkten Systemeingriffe zulässt und auch keine serverseitigen Skriptsprachen unterstützt, war die einzige Option, dies mit JavaScript zu lösen.

Speicherung der Affiliate Tracking ID in einem "hidden field"

Schritt Eins - Affiliate Tracking mit Unbounce

Unbounce ermöglicht die Nutzung von Hidden Fields im Kontaktformular, um eindeutige Werte wie „oid“ zu erfassen. Diese Felder bleiben für Nutzer unsichtbar, während Unbounce die Parameter automatisch speichert und zusammen mit den Formulardaten überträgt – ideal zum Beispiel für das Tracking von Google Analytics UTM-Parametern.

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

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