Wie passe ich ein AdWords-Tracking-Pixel so an, dass es in einer AngularJS-Anwendung wie vorgesehen funktioniert?
Der typische Tracking-Code sieht folgendermaßen aus:
%Vor% (Ich habe das standardmäßige <noscript> -Fallback weggelassen, da es offensichtlich im Zusammenhang mit einer AngularJS-App irrelevant ist.)
Der Tracking-Code funktioniert, indem eine Menge Variablen im globalen Namespace festgelegt und dann bei jedem Laden der Seite ein externes Skript abgerufen wird. In einem Angular-Kontext funktioniert dies nicht, da die HTML-Quelle beim Laden der Seite nicht erneut vom Server abgerufen wird.
Mein erster (und möglicherweise nicht funktionaler) Versuch, dies an Angular anzupassen, sieht so aus (in Coffeescript):
%Vor%Dies scheint nicht zu funktionieren. Zumindest behaupten die Marketingberater solche. Ich erkenne, dass hier eine ziemlich gute Chance für PEBKAC besteht, also meine Fragen:
Vielen Dank im Voraus!
PS: Ich habe diese App von einem anderen Entwickler geerbt, und ich bin (noch) nicht in der Plattform versiert. Fühlen Sie sich frei, (in den Kommentaren) irgendeinen schlechten Code / Praktiken oben zu zeigen. Danke!
Ich bin kein Experte für AngularJS, aber dies könnte etwas sein, das durch die Verwendung der asynchronen Version des AdWords-Tracking-Pixels gelöst werden kann, da die Conversions dafür nur mit einem Standard-JavaScript-Funktionsaufruf aufgerufen werden können und nicht darauf angewiesen sind die Seite wird geladen.
Sie können die asynchrone Version des AdWords-Tracking-Pixels wie folgt einbeziehen (stellen Sie sicher, dass Sie die https-Version verwenden):
%Vor%Dann, sobald Sie das getan haben, erhalten Sie eine "google_trackConversion" -Funktion, die zu einem Fenster hinzugefügt wird, das Sie dann einfach aufrufen können, wann immer Sie es brauchen, z.
%Vor%HTH
Tags und Links angularjs coffeescript google-adwords