TikTok bietet mit dem neu eingeführten “Pixel Developer Mode” die Möglichkeit eines dynamischen Event-Trackings inklusive der Übergabe zusätzlicher Event-Parameter. Damit ist es zukünftig möglich, Ereignisse direkt per Code oder via Google Tag Manager auszulösen, wie man das vom Facebook Pixel bereits kennt. Wir zeigen auf, was der “Pixel Developer Mode” von TikTok kann und wie ein Pixel im Entwicklermodus installiert werden kann.
Das TikTok Pixel ist – analog zum Facebook Pixel – ein Analysetool, mit welchem Handlungen von Menschen auf der Webseite nachverfolgt und damit die Wirksamkeit der geschalteten Werbemassnahmen gemessen werden kann.
Bis anhin war das TikTok Pixel in seinem Funktionsumfang allerdings eingeschränkt. Die Installation erfolgte zwar wie beim Facebook Pixel über einen Basis-Code, der auf der Webseite integriert wurde und damit automatisch Seitenaufrufe gemessen hat, weitere Events konnten aber nicht dynamisch ausgelöst werden – diese wurden manuell im TikTok AdsManager erstellt und (optional) mit einem fixen Conversion-Value hinterlegt. Dadurch wurde ein dynamisches Event-Tracking, ein flexibles Auslösen von Events (z.B. über den Google Tag Manager) und somit eine sinnvolle Berechnung des ROAS verhindert.
TikTok hat nun aber mit dem “Pixel Developer Mode” eine Erweiterung angekündigt, die genau diese Mankos behebt. Neben der Möglichkeit, verschiedenste Events dynamisch auszulösen, können den Events neu auch Parameter mitgegeben werden.
Der Entwicklermodus (Developer Mode) bietet im Gegensatz zum bestehenden “Standard Mode” eine flexiblere Integration des TikTok Pixels. Mit dem Entwicklermodus kann das TikTok-Trackingtool dynamisch in eine Webseite integriert und benötigte Ereignisse mit entsprechenden Parametern an TikTok gesendet werden. Beispielsweise lassen sich nun so Kauf-Ereignisse mit dazugehörigen Produkte-IDs und dynamischen Werten übergeben. Damit kann ab sofort auch auf zusätzliche Metriken wie Return on Ad Spend (ROAS) zugegriffen werden.
Wenn eine Person auf einer Webseite eine Handlung vornimmt (z.B. einen Artikel in den Warenkorb legt, ein Kontaktformular ausfüllt, …), so kann diese Handlung als Event an das TikTok Pixel übermittelt werden. Für die Messung dieser Handlungen bietet TikTok eine Reihe von vordefinierten Ereignissen an, welche je nach Anwendungsfall ausgelöst werden können:
Event | Anwendung | Event Code |
---|---|---|
Browse |
Wenn eine Seite aufgerufen wird (PageView) | ttq.track(‘Browse’) |
ViewContent |
Wenn eine Produkteseite aufgerufen wird. | ttq.track(‘ViewContent’) |
AddToCart |
Wenn ein Artikel in den Warenkorb gelegt wird. | ttq.track(‘AddToCart’) |
Checkout |
Wenn vom Warenkorb zur Kasse gewechselt wird. | ttq.track(‘Checkout’) |
Purchase |
Wenn ein Kauf abgeschlossen wird. | ttq.track(‘Purchase’) |
Registration |
Wenn eine Benutzerregistrierung erfolgreich war. | ttq.track(‘Registration’) |
StartCheckout |
Wenn der Checkout-Prozess gestartet wird. | ttq.track(‘StartCheckout’) |
AddBilling |
Wenn Zahlungsinformationen hinterlegt werden. | ttq.track(‘AddBilling’) |
ViewForm |
Wenn eine (Produkte-)Suche durchgeführt wird | ttq.track(‘ViewForm’) |
Event | Anwendung | Event Code |
---|---|---|
ClickForm |
Wenn der Submit-Button angeklickt wird. | ttq.track(‘ClickForm’) |
SubmitForm |
Wenn das Formular erfolgreich übermittelt wird. | ttq.track(‘SubmitForm’) |
Event | Anwendung | Event Code |
---|---|---|
ViewConsultationPage |
Wenn die Detailseite für eine Beratung angesehen wird. | ttq.track(‘ViewConsultationPage’) |
ClickInConsultationPage |
Wenn ein Button für eine Anfrage geklickt wird. | ttq.track(‘ClickInConsultationPage’) |
ConsultByPhone |
Wenn eine Beratung per Telefon angefordert wird. | ttq.track(‘ConsultByPhone’) |
Consult |
Wenn eine Online-Beratung angefordert wird. | ttq.track(‘Consult’) |
Event | Anwendung | Event Code |
---|---|---|
ViewDownloadPage |
Wenn die Detailseite einer App aufgerufen wird. | ttq.track(‘ViewDownloadPage’) |
ClickInDownloadPage |
Wenn ein Button angeklickt wird, der zum direkten Download der App führt. | ttq.track(‘ClickInDownloadPage’) |
ClickToDownload |
Wenn ein Button angeklickt wird, der zu einer externen Download-Seite führt. | ttq.track(‘ClickToDownload’) |
Event | Anwendung | Event Code |
---|---|---|
Browse |
Wenn eine Seite aufgerufen wird (PageView). | ttq.track(‘Browse’) |
ClickButton |
Wenn ein Button angeklickt wird. | ttq.track(‘ClickButton’) |
Hinweis: Im Gegensatz zum Facebook Pixel bietet TikTok aktuell nur vordefinierte Standard-Events an – es ist also noch nicht möglich, sogenannte Custom-Events zu erstellen und zu messen. Die aufgelisteten Kategorien (E-Commerce, App Download, …) werden von TikTok als Empfehlung ausgewiesen. Diese können aber natürlich angepasst werden, je nachdem welche Ereignisse für die Verfolgung der Customer Journey benötigt werden.
Folgende Parameter werden unterstützt (und erinnern sehr stark an die vordefinierten Parameter des Facebook Pixels):
Parameter | Typ | Beschreibung |
---|---|---|
content_category |
String | Kategorie der Seite/des Produkts. |
content_id |
String | Produkt-ID, die mit dem Event verknüpft ist, wie zum Beispiel eine SKU |
content_name |
String | Name der Seite/des Produkts. |
content_type |
String | Entweder product oder product_group |
contents |
Array von Objekten | Ein Array mit Objekten, das mehrere Produkte enthält. Ein einzelner Eintrag muss mindestens die Parameter content_id , quantity und price enthalten. |
currency |
String | Die Währung für den angegebenen value -Parameter. |
quantity |
Ganzzahl | Die Anzahl der Produkte eines Produkte-Eintrags innerhalb des contents -Parameter. |
price |
Ganzzahl, Gleitkommazahl | Der Preis eines Produkte-Eintrags innerhalb des contents -Parameter. |
value |
Ganzzahl oder Gleitkommazahl | Der Wert, den das Auslösen dieses Events durch einen Benutzer für das Geschäft hat. |
query |
String | Wird mit dem Such-Event verwendet. Die Zeichenfolge, die der Benutzer zum Suchen eingegeben hat. |
Falls DPA eingesetzt werden sollen, findet sich hier eine Übersicht der erforderlichen Ereignisse und Parameter: Event-Setup für DPA
Auch wenn bereits ein TikTok Pixelcode im Standard-Modus auf der Webseite integriert ist, muss zwingend ein neues Pixel erstellt werden.
In diesem Schritt wird der Basis-Code für das TikTok-Pixel dargestellt. Dieses muss zwingend auf jeder einzelnen Seite der Webseite integriert werden. Es ist ebenfalls möglich, das “Advanced Matching” für das Pixel zu aktivieren.
Die Integration des Basis Pixel-Codes erfolgt im <head>-Bereich einer Webseite:
<script>
!function (w, d, t) {
w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};
ttq.load('{pixel ID}');
ttq.page();
}(window, document, 'ttq');
</script>
ttq.load(‘{pixel ID}’) initialisiert das Pixel mit der entsprechenden ID, ttq.page() sendet automatisch einen PageView-Event ab, der im Grundsatz für die Verifizierung der Code-Installation benötigt wird.
Event-Codes können integriert werden, sobald der Basis-Code ausgeführt wurde. Beispiele:
AddToCart
<script>
ttq.track('AddToCart', {
content_id: '1337',
content_type: 'product',
content_name: 'Product 1',
quantity: 1,
value: 8,
currency: 'EUR',
});
</script>
Purchase
<script>
ttq.track('Purchase', {
contents: [
{
content_id: '1337',
content_type: 'product',
content_name: 'Product 1',
quantity: 1,
price: 8,
},
{
content_id: '404',
content_type: 'product',
content_name: 'Product 2',
quantity: 1,
price: 1.2,
}],
value: 9.2,
currency: 'EUR',
});
</script>
ViewContent
<script>
ttq.track('ViewContent', {
content_name: 'Landingpage',
});
</script>
Nachdem die Einrichtung abgeschlossen wurde, gibt es prinzipiell drei Möglichkeiten, um zu prüfen, ob das TikTok Pixel richtig funktioniert:
Der sinnvollste Weg ist hierfür der Pixel Helper. Dieses Browser-Plugin kann hier heruntergeladen werden:
Download TikTok Pixel Helper für Google Chrome
Bis anhin war es notwendig, Ereignisse im “Standard Mode” über den Event Manager von TikTok einzurichten. Dieser Weg entspricht in etwa der von Facebook angebotenen Lösung mit dem Event Setup Tool, auch wenn TikTok hier deutlich weniger Funktionen zur Einrichtung von Events zur Verfügung stellt. Mit dem “Developer Mode” fügt TikTok ihrem Tracking-Pixel nun eine längst überfällige Möglichkeit hinzu, Ereignisse und Ereignisauslösungen per Code einzurichten und mit dynamischen Parametern zu versehen. Die vordefinierten Events folgen allerdings noch keiner direkt ersichtlichen Logik: Es lässt sich zwar wiederum eine Annäherung an die Standard-Events von Facebook erkennen, allerdings fehlen bestimmte generische Events, die sich übergreifend einsetzen lassen, während sich andere in ihrem Anwendungsfall überschneiden. Beispielsweise könnten Events wie ViewConsultationPage oder ViewDownloadPage problemlos über ViewContent abgebildet werden. Weshalb TikTok hier auf spezifische Anwendungs-Ereignisse (Consultation- und App-Download-Events) setzt, bleibt offen. Es ist davon auszugehen, dass entweder langfristig eine Konsolidierung der Events stattfindet oder immer weitere Anwendungs-Events hinzugefügt werden. Ersteres wäre zu bevorzugen.
Aber unabhängig davon, wie TikTok das dynamische Tracking umgesetzt hat: Immerhin ist es ab sofort möglich, einen genauen ROAS zu bestimmen. Und mit der Kommunikation dieser Erweiterung einhergehend, finden sich diverse Hinweise betreffend Custom Audiences, Advanced Matching und Dynamic Product Ads Retargeting. Die Zeit wird zeigen, welche Werbe- und Targetingmöglichkeiten TikTok in den nächsten Wochen zur Verfügung stellen wird. Wir bleiben gespannt.