Die vollständigste Einführung in den Google Tag Manager (GTM) für 2023

1. Einführung in den Kurs: Hallo und herzlich willkommen zu diesem Google-Tag-Manager-Kurs. Ich bin Žiga und ich werde dein Lehrer sein. Am Ende dieses Kurses haben Sie ein tiefes Verständnis darüber, wie Google Tag Manager funktioniert und was Sie damit machen können. Wir beginnen mit den Grundlagen wie dem Kennenlernen des Google Tag-Managers und dem Einrichten. Wir besprechen auch einige häufige Probleme, auf die Sie stoßen können und wie Sie sie lösen können. Dann tauchen wir direkt in das Fleisch des Kurses ein. Auf dem Weg werde ich Ihnen reale Beispiele zeigen, damit Sie Ihr eigenes Projekt erstellen können, während wir weitergehen. Ok. Ihr müsst euch also fragen, wer ich bin und warum lehre ich euch das alles? Nun, ich bin seit über 8 Jahren im digitalen Marketing und in dieser Zeit hatte ich 2 erfolgreiche Crowdfunding-Kampagnen und half mehr als 10 anderen mehr als 1 Million Dollar zu sammeln. Ich habe auf verschiedenen Konferenzen und Marketingveranstaltungen gesprochen und sogar mehrere Generationen von Kleinunternehmern über verschiedene Themen des digitalen Marketings vorgetragen. Und in den letzten zwei Jahren hatte ich auch meine eigene Agentur, die darauf ausgerichtet ist, Unternehmen bei der Automatisierung ihres Marketings zu unterstützen . ganzen Zeit habe ich den Google Tag Manager aktiv verwendet, um mir und meinen Kunden zu helfen, alles einzurichten. Bevor wir eintauchen, möchte ich nur erklären, wie Sie das Beste aus diesem Kurs herausholen können. Wenn Sie neu bei Google Tag Manager sind, empfehle ich Ihnen dringend, von Anfang an zu beginnen und Ihren Weg bis zum Ende zu arbeiten . So stellen Sie sicher, dass Sie über alle notwendigen Kenntnisse für fortgeschrittene Themen verfügen. Sobald Sie den Kurs beginnen, lassen Sie keine Tage oder Wochen zwischen den Lektionen vergehen, sonst vergessen Sie was Sie bereits gelernt haben. Vertrau mir, zurück zu gehen und sich durch Vorträge zu setzen, die du schon gesehen hast, ist ein Drag. Schnitzen Sie einen Arbeitsraum und beseitigen Sie alle Ablenkungen. Dann bleib dran, wie auf dem College. Dieser Raum kann einfach sein wie ein Schreibtisch mit einem Stuhl und etwas unauffällige Hintergrundmusik. Wenn Sie während des Kurses eine Frage oder ein Problem haben, können Sie diese im Bereich Frage&A fragen oder direkt mit mir in Verbindung treten . Ich helfe Ihnen gerne. Noch ein wichtiger Tipp. Notizen machen. Wenn möglich in einem aktuellen Notizbuch. Der physische Akt des Schreibens wird Ihnen helfen, die Informationen besser zu behalten. Letzt, haben Sie Spaß und genießen Sie Ihre Lernerfahrung. Ich bin super aufgeregt, alles mit dir zu teilen. Also lasst uns anfangen. 2. Was ist Google Tag Manager und warum brauchst du: Wenn Sie neu im Google Tag Manager sind, fragen Sie sich wahrscheinlich, warum brauche ich es überhaupt und kann ich all diese Dinge nicht anders machen? Nun, die kurze Antwort auf beide Fragen ist ja. Aber lassen Sie mich Ihnen sagen, warum Verwendung des Google-Tag-Managers eine viel bessere Option ist. Stellen Sie sich das vor. Sie haben gerade ein neues Marketing-Tool gefunden, mit dem Sie mehr Leads generieren können. und Sie möchten es testen. Sie registrieren sich für den Service. und sie stellen Ihnen ein kleines Skript zur Verfügung, das Sie auf Ihrer Website installieren müssen. Nun wissen Sie vielleicht nicht genau, wie Sie das tun, oder Sie haben einfach keinen Zugriff auf die Server. So wenden Sie sich an Entwickler, die für die Pflege Ihrer Website verantwortlich sind. Sie erhalten die prompte Antwort, dass sie derzeit einige Fehler beheben und so schnell wie möglich zurückkehren . Nun, wir alle wissen, dass das nur ein paar Stunden dauern kann, aber manchmal kann es Tage dauern. Und wenn sie endlich zu dir zurückkommen, könnte es sein, weil etwas dringenderes kam und deine Tests wieder verschoben werden müssen. Klingt vertraut? Nun, diese Art von Situationen kann Ihre Fähigkeit, schnell verschiedene Marketing-Experimente durchzuführen und sich an aktuelle Situationen anzupassen, stark beeinflussen . Es wäre perfekt, wenn Sie Ihren eigenen persönlichen Entwickler in der Warteschleife haben könnten. Aber leider haben die meisten von uns diesen Luxus nicht. Hier kann Google Tag Manager zur Rettung kommen. Und obwohl Sie es nicht als vollständigen Ersatz für einen Entwickler betrachten können, wird es Sie und Ihr Marketing-Team stark stärken . Lassen Sie uns also einige der Dinge durchgehen, die Sie ganz einfach mit Google Tag Manager tun können. Wie ich bereits erwähnt habe, können Sie Skripte von Drittanbietern einfach installieren und entfernen, ohne die Hilfe von einem Entwickler. Außerdem erhalten Sie einen vollständigen Überblick über die Skripte, die Sie derzeit auf Ihrer Website ausführen. Auf diese Weise können Sie schnell überprüfen, welche Marketing-Tools Sie verwenden, und deaktivieren Sie diejenigen, die Sie nicht mehr verwenden, um Ihre Website zu beschleunigen. Eine weitere coole Funktion ist die Veröffentlichung und Versionskontrolle. Alle neuen Änderungen, die Sie vornehmen, müssen veröffentlicht werden, bevor sie live auf Ihrer Website angezeigt werden. Wenn Sie dies tun, wird dieser Snapshot des aktuellen Status als neue Version gespeichert. Auf diese Weise können Sie auf eine frühere Version zurückzugreifen, wenn Sie dies wünschen. Zusätzlich zu diesem Google-Tag-Manager können Sie Ihre Skripte in der Live-Umgebung testen, ohne vorhandenen Traffic zu beeinträchtigen. Auf diese Weise können Sie sicherstellen, dass Ihre neuen Änderungen einwandfrei funktionieren, wenn Sie sie veröffentlichen. Jedesmal. Wie Sie sehen, ist Google Tag Manager ein leistungsfähiger Begleiter, mit dem Sie alle Ihre Marketing-Tools an einem Ort verwalten können . Aber das kratzt nur an der Oberfläche. Und Sie lernen viel mehr im kommenden Kurs. 3. Schnittstellenübersicht: Lassen Sie uns jetzt eine Google-Tag-Manager-Schnittstellenübersicht. Dies wird Ihnen helfen, besser zu verstehen, wo Sie Dinge finden und wie Sie sie verwenden können. Das erste, was Sie sehen können, sind wir auf der Registerkarte „Arbeitsbereich“ und es gibt eine Art Überblick über alles , was gerade in Ihrem Container vor sich geht. Sie haben also die Beschreibung des Containers, wenn Sie ihn setzen würden. Alle Änderungen für das Tag, Trigger und Variablen werden hier sichtbar sein. Auch Versionen. Welches ist derzeit aktiv, wie viele Versionen Sie haben, wer es am neuesten veröffentlicht hat und so weiter. Jetzt können Sie mehrere Arbeitsplätze haben. Wenn Sie mehrere Personen haben, die an demselben Container arbeiten können Sie Ihre eigenen Änderungen vornehmen, ohne ihre Arbeit zu unterbrechen. Wenn also jemand ein paar Experimente macht und er noch nicht fertig ist, seinen Container aufzubauen, können Sie immer noch an Ihrem Projekt arbeiten und es veröffentlichen, bevor er den eigenen beendet. Oder andere Fälle, warum Sie Workspaces verwenden könnten, sind zum Beispiel einige neue Tags, die Sie testen möchten. Du bist dir nicht sicher, ob du bei ihnen bleiben willst. Du willst nur ein bisschen experimentieren. Sie können einen neuen Arbeitsbereich erstellen und wenn er nicht funktioniert, können Sie ihn einfach löschen oder wieder zu diesem Arbeitsbereich zurückkehren. Wenn wir einen Blick darauf werfen, stehen Ihnen in der kostenlosen Version von Google Tag Manager nur drei verschiedene Arbeitsbereiche zur Verfügung . Also bedenken Sie das. Die nächste Sache sind Tags, die sie im Grunde wie Ihre Arbeiter sind. Dies sind kleine Skripte, die ausgeführt werden, wenn etwas passiert. Dies kann zum Beispiel Facebook Pixel oder Google Analytics-Pixel sein. Und im Grunde Tags ermöglichen es Ihnen, Ihre Marketing-Skripte auf Ihren Websites bereitzustellen. Was Sie mit diesen Tags tun können, ist auch Cookies zu modifizieren, HTML- oder JavaScript-Code zu injizieren und viele andere Dinge, die wir in den zukünftigen Vorträgen sehen werden. Der nächste Abschnitt sind Trigger und Sie können sich Trigger als Bedingungen vorstellen, die Sie an Tags anhängen. Wenn Sie also entscheiden, wann das Tag ein bestimmtes Skript oder einen Code auf Ihrer Website einfügt oder wann es etwas tun wird, müssen Sie definieren wann dies geschieht. Und Trigger diktieren grundsätzlich, wann Tags ausgelöst werden. Es gibt mehrere Trigger von wirklich breiten, wie generischen, wenn bestimmte Tags auf jeder einzelnen Seite ausgelöst werden können. Dies könnten Sie also für Ihre Google-Analytics oder wirklich spezifische Trigger verwenden, wenn Sie wollen , sagen wir, zum Beispiel: Facebook-Konvertierungspixel nur zu starten, wenn eine Konvertierung passiert. Vielleicht auf Ihrer Dankeschön Seite, nachdem der Kunde ein Produkt gekauft hat. Wir werden später noch mehr Details zu Auslösern eingehen, wenn wir tatsächlich einige machen. Der nächste Abschnitt sind Variablen und Variablen sind Art von Containern für verschiedene Werte. Sie haben hier zwei Abschnitte. Eines sind eingebaute Variablen, die Google-Tag-Manager bereits vordefiniert und Sie können mehr konfigurieren. Oder benutzerdefinierte Variablen, die Sie selbst definieren können, wie Sie wollen. Also Variablen, kurz gesagt, sind zum Beispiel, wie Sie hier sehen können, als Seite, URL, also wenn die Seite in dieser Variablen geladen wird, erhalten Sie die URL Ihrer Website oder Sie erhalten einen Referer, woher diese Person kam. Oder natürlich können Sie haben, welches Element auf der Seite geklickt wurde oder wie weit auf der Seite jemand gescrollt gescrollt Variablen enthalten all diese Informationen, die Sie dann in Triggern oder Tags verwenden können, um etwas zu tun, abhängig vom Zustand in welche Variable momentan ist. Der nächste Abschnitt ist Ordner, die es Ihnen ermöglichen, Tags, Trigger und Variablen besser zu verwalten oder zu organisieren . Und wir werden uns in der nächsten Lektion bewährte Methoden zur Verwendung dieser Vorgehensweisen ansehen. Der letzte Teil ist Vorlagen und dies sind im Grunde Community-Build-hilfreiche Tools wie Tags oder Variablen und werden tatsächlich ein paar davon verwenden, weil sie bestimmte Dinge vereinfachen, die Sie sonst entweder in JavaScript oder entwickeln Sie sich selbst. Sie können die Galerie zum Beispiel nach Tag-Vorlagen durchsuchen und Sie können sehen, dass es viele bereits vorgefertigte Tags gibt. Und natürlich gilt das Gleiche für Variablen. Es gibt zwei weitere wichtige Dinge, auf die ich hinweisen möchte. Und das sind diese zwei Knöpfe. Die erste ist die Schaltfläche „Senden“, mit der eine neue Version des aktuellen Container-Setups erstellt und diese Version auf Ihrer Website veröffentlicht wird. Sie müssen es jedoch nicht veröffentlichen. Sie können einfach eine neue Version erstellen und nach einer bestimmten Anzahl von Versionen können Sie sie live auf Ihrer Website bereitstellen. Sie können natürlich verschiedene Testumgebungen haben, in denen Sie diese Version veröffentlichen können. Die andere Schaltfläche ist die Vorschauschaltfläche und die Vorschauschaltfläche ermöglicht es Ihnen, Google-Tag-Manager-Container zu debuggen. Es ermöglicht Ihnen, zu sehen, was mit dem Container live auf Ihrer Website passiert. Und du wirst diese beiden Knöpfe oft benutzen. Die nächste Registerkarte ist die Registerkarte Versionen und auf der Registerkarte Versionen haben Sie einen Überblick über alle Versionen, die Sie erstellt haben, welche Versionen derzeit live sind, oder jede Version, die Sie wie eine Beschreibung und einen Titel sehen . Und mit wie vielen Tags, Triggern und Variablen es hält. Und Sie können natürlich zu früheren Versionen zurückkehren, wenn Sie dies wünschen und sehen was sich von Version zu Version geändert hat. Dies ist also ein guter Überblick über die Art einer Geschichte all der Dinge, die Sie veröffentlicht haben. Die letzte Registerkarte ist der Admin-Bereich. Und hier können Sie grundsätzlich alle Ihre Kontoeinstellungen verwalten, Benutzerverwaltung pro Konto oder vielleicht für Container. Sie können auch Ihre aktuelle Version oder jede Version, die Sie bereits erstellt haben, exportieren damit Sie sie in einen anderen Container migrieren oder vielleicht einfach ein Backup für einige zukünftige Zeit erstellen können. Selbstverständlich können Sie auch hier Container importieren. Und wenn Sie vergessen haben, wo Sie Ihren Google-Tag-Manager-Code finden können ist hier eine andere Möglichkeit, einfach darauf zu klicken und Sie erhalten diesen Code. Nun, das ist die ganze Übersicht über die Schnittstelle. Wir werden ein bisschen mehr Details sehen, wenn wir damit anfangen zu arbeiten. 4. Best Practices und Überlegungen: Sehen wir uns nun an, was Sie bei der Arbeit mit dem Google Tag Managerbeachten müssen Tag Manager und was sind einige der besten Praktiken? Das erste, was Sie beachten müssen, ist, dass Google Tag-Manager im Grunde ein JavaScript-basiert ist. Dies bedeutet, dass es nur auf Ihr Browserfenster beschränkt ist. Sie können also alles tun, was JavaScript in Ihrem Browser tun kann, aber Sie können nichts außerhalb davon verfolgen oder analysieren oder anderweitig beeinflussen. Die andere Sache ist, dass, wenn Ihre Besucher JavaScript deaktiviert haben, der Google-Tag-Manager nicht seine volle Funktionalität hat. Es wird nur auf Bild-Tags beschränkt sein, die ein wenig später aussehen würden. Dies ist eine der Einschränkungen, die Sie beachten müssen. Zweite, die keine Einschränkung ist, aber eher eine Einschränkung Ihrerseits ist, wie SieDaten dem Google-Tag-Manager zur Verfügung stellenkönnen Daten dem Google-Tag-Manager zur Verfügung stellen . Es wird nicht über alle Ihre Daten auf Ihrer Website wissen es wird nur über die Daten, die Sie zur Verfügung gestellt haben. Zum Beispiel, wenn Sie ein Plugin in WordPress verwenden, dann können Sie einfach einige Kontrollkästchen aktivieren und Sie erhalten , dass zusätzliche Daten automatisch auf die Datenebene geschoben werden und es wird im Google-Tag-Manager zugänglich sein. Andernfalls müssen Sie einen Entwickler bitten, einige Ihrer Daten verfügbar zu machen, die nicht im Frontend Ihrer Website verfügbar sind . Als nächstes müssen Sie berücksichtigen, wie sich Ihr Google-Tag-Manager und Ihre Tags auf die Geschwindigkeit Ihrer Website auswirken . Auch wenn der Google-Tag-Manager asynchron geladen wird, wirkt sich dies dennoch auf die Geschwindigkeit der Verarbeitung Ihrer Website aus. Es wird sich nicht stark auf das Rendering auswirken, also wie schnell Ihre Seite gerendert wird, aber es wird Ihre CPU trotzdem verbrauchen . Und auch, Sie müssen überlegen, ob Sie viele und viele Tags haben. Dies würde Ihre Website erheblich verlangsamen, und vor allem, wenn Sie irgendeine Art von Manipulationen von HTML tun . Dann könnte dies die ganze Seite noch mehr verlangsamen. Also, wenn Sie eine Chance haben, diese Art von Tags zu begrenzen, tun Sie es bitte. Und auch können Sie einige der nicht wichtigen Tags verzögern, um ein wenig später zu starten. Auf diese Weise scheint Ihre Seite schneller zu laden. Der letzte Punkt, den ich einen Google-Tag-Manager machen möchte, ist nur ein Werkzeug. Je nachdem, wie Sie es verwenden und was Sie darüber wissen, wird es wieder ein begrenzender Faktor sein. Wenn Sie also HTML kennen, wenn Sie JavaScript kennen, wenn Sie wissen, wie man Probleme debuggt, dann werden Sie natürlich den Google-Tag-Manager in vollem Umfang nutzen. In diesem Kurs konzentrieren wir uns jedoch auf Tags und Beispiele, bei denen Sie dieses Wissen nicht benötigen . Aber wenn du dieses Wissen hast, wirst du in der Lage sein, viel, viel mehr zu tun. Ok. Schauen wir uns also einige gute Praktiken an, wenn Sie Google Tag Manager verwenden. Gehen Sie zurück zur Geschwindigkeit wenn Sie einige nicht verwendete Tags oder Trigger haben, entfernen Sie sie bitte aus dem Google-Tag-Manager. Alles, was Sie nicht verwenden und es weiterhin laden , wird Ihre Website verlangsamen. Also, wenn Sie einige Tracking-Tools haben, die Sie getestet haben, und Sie nicht mehr einfach entfernen Sie sie. Das gleiche gilt, wenn Sie einige Tracking-Daten haben, die Sie sammeln, aber Sie überprüfen sie selten und es ist nicht so wichtig. Entfernen Sie es einfach. Dies wird sich erheblich auf die Ladegeschwindigkeit auswirken. Die nächste Sache ist also die Versionskontrolle. Wenn Sie neue Versionen Ihrer Container erstellen versuchen Sie, sie detaillierter zu beschreiben. Sie haben zwei Felder. eine ist der Titel und der andere ist die Beschreibung. Versuchen Sie, sie so klar wie möglich zu machen , wenn Sie Ihre Versionen durchsuchen und wenn Sie eine vorherige Version wiederherstellen möchten, werden Sie sofort wissen, welche Version was tut oder welche Elemente, Tags, Trigger in einem bestimmte Version. Oder welche Änderungen in dieser Version vorgenommen wurden, damit Sie entscheiden können, ob dies die richtige Version für Sie ist. Erwägen Sie auch, Versionen in Schritten auszuführen. Warten Sie nicht, bis Sie 10 verschiedene Tags, 5 verschiedene Variablen, 8 verschiedene Trigger alle eingerichtet und dann einfach eine riesige Version daraus machen. Versuchen Sie, sie nach logischen Mengen zu segmentieren. Auf diese Weise verlieren Sie, wenn Sie zu einer bestimmten Version zurückkehren, nicht alle Updates der anderen Versionen. Die nächste ist eher eine allgemeine gute Praxis wenn Sie Dinge tun. Es ist die Benutzerverwaltung. Wenn mehrere Benutzer an Ihrem Container arbeiten, geben Sie bitte jedem Benutzer seinen eigenen Zugriff. Teilen Sie nicht nur Ihr Konto mit ihnen. Teilen Sie Ihr Passwort nicht mit ihnen. Dies ist aus Sicherheitssicht wirklich schlecht aber auch, wenn Sie jedem Benutzer Zugriff gewähren, werden Sie in der Lage sein, zu sehen, wer Änderungen am Container vorgenommen hat . Wer hat bestimmte Tags gemacht, Trigger, wer etwas veröffentlicht hat. So haben Sie einen Überblick darüber, was in Ihrem Container vor sich geht. Und es ist nicht so kompliziert, Benutzer zu erstellen also gibt es im Grunde keinen Grund, das nicht zu tun. Das Letzte, was irgendwie wirklich wichtig ist, ist: einen Plan zu machen. Springen Sie nicht einfach in den Google-Tag-Manager und klicken Sie herum. Wenn Sie testen, ist das in Ordnung. Aber wenn Sie es für einen bestimmten Zweck verwenden möchten, machen Sie einen Plan. Machen Sie eine Strategie, wie Sie es angehen möchten. Welche Dinge brauchst du wirklich? Was willst du verfolgen? Was möchten Sie erstellen und markieren Sie alles in einem Dokument? Sie tun dies wahrscheinlich sowieso außerhalb des Google-Tag-Managers. Versuchen Sie also, einen Plan zu haben, bevor Sie hineinspringen und anfangen, an Ihren Tags zu arbeiten. 5. Benennung von Konventionen: Werfen wir einen Blick auf einige der Namenskonventionen jetzt. Wir haben bereits über die Kontonamen gesprochen, die größtenteils Ihr Firmenname sein sollten. Oder wenn Sie dies für Ihre Kunden tun erstellen Sie einfach ein neues Konto für sie mit ihrem Firmennamen. Wenn Sie mit mehreren Clients arbeiten, verwenden Sie für jeden Client ein anderes Konto, da alle Benutzer innerhalb desselben Kontos andere Benutzer sehen können und somit möglicherweise sehen, mit wem Sie arbeiten. Also schlage ich vor, Sie machen einfach verschiedene Konten für verschiedene Kunden. Wie für die Container, verwenden Sie einfach Ihre Website wenn Sie sie im Web- oder App-Namen veröffentlichen, wenn Sie sie in der App verwenden. Sie können es auch durch Ihre Umgebungentrennen durch Ihre Umgebungen so dass Sie mehrere verschiedene Container für jede Umgebung wie Entwicklungsumgebung, Stagingumgebung, Testumgebung usw. haben können . Aber Google-Tag-Manager gibt Ihnen eine bessere Option in einem Container, um dies zu handhaben. Also würde ich vorschlagen, nur einen Container für alle Umgebungen zu verwenden, die viel einfacher zu handhaben sein wird. Nächster Punkt, den ich machen möchte, ist, wie man Tags, Trigger und Variablen benennt. Fangen wir mit Tags an. Der beste Weg, um die Tags zu benennen, ist meiner persönlichen Meinung nach, mit dem Produkt zu beginnen dann gehen Sie zum Tracking-Typ und am Ende, welche Seite es betrifft. So, zum Beispiel, hier in der Präsentation, können Sie sehen, dass wir haben, Facebook. Das ist also das Produkt. Es geht um das Pixel. Dies ist also der Tracking-Typ und es Effekte hinzufügen, um Karte. Das Gleiche gilt für Google Analytics. Und dann sind es Ereignisse. Und was hier los ist... Abonnieren. Und wieder löst Google Analytics nur eine Seitenansicht aus. Sie können alle diese Produkte abkürzen oder Sie können sie einfach in vollem Umfang schreiben. Ich würde vorschlagen, dass du etwas auswählst, das für dich funktioniert und dabei bleibst. Wechseln Sie es nicht einfach um. Wenn Sie sich entscheiden, alles abzukürzen, dann kürzen Sie es wenn Sie sich entscheiden, mit dem vollständigen Namen zu gehen, tun Sie es auf diese Weise. Wenn Sie alles Großbuchstaben oder Kleinbuchstaben wollen, so wie ich es hier habe bleiben Sie einfach bei dem. Ich schlage vor, dass Sie einen Titel Fall-Tags und Trigger auslösen und ich werde erklären, warum ich das nicht mit Variablen ein wenig später mache. Also lasst uns die Auslöser überprüfen. Für die Trigger würde ich vorschlagen, dass Sie das Format verwenden, in dem Sie das Ereignis als ersten Teil und dann weitere Details danach gesagt haben. . Zum Beispiel können Sie wie ein Ereignis und dann einen Ort oder vielleicht Zeit oder vielleicht eine Art Filter oder Aktion haben. Und Sie können hier in den Beispielen sehen. Dies ist ein Timer-Trigger nach 30 Sekunden. Es erklärt also, was dieser Auslöser tut, wenn Sie dies tun. Dasselbe gilt für die Tags. Wenn Sie es auf die gleiche Weise vorstellen, wenn Google Tag Manager es sortiert , haben Sie alle Timer an der gleichen Stelle und es ist einfacher, sie zu finden, wenn Sie nach ihnen suchen. Google Tag Manager ermöglicht es Ihnen, nach Triggertyp oder Tag-Typ zu sortieren aber auf diese Weise wird es automatisch sortiert. Also gehen wir jetzt zu den Variablen, ich verwende Kleinbuchstaben in Variablen, weil Google-Tag-Manager-Titel Fälle, alle Tags, Trigger und Variablen und ich möchte in der Lage sein, zwischen eingebauten Variablen und meinen erstellten Variablen zu unterscheiden. Da ich die Variablen auf diese Weise strukturierte, setze ich den Typ der Variablen und dann, was sie enthält. Zum Beispiel ist dies wie eine DIV-Variable, die Benutzer-ID enthält, und dann können Sie wie eine URL-Variable haben , die Abfrageparameter enthält. Und wenn Sie speziell angeben möchten, welcher Abfrageparameter, würde ich vorschlagen, dass Sie am Ende eine Art wie eine Affiliate-ID oder vielleicht eine E-Mail hinzufügen . Wenn Sie eine E-Mail oder so etwas übergeben, oder zum Beispiel, können Sie wie ein Cookie für die Weiterleitung haben . Der letzte Punkt sind also Ordner in Google Analytics. Und im Grunde können Sie innerhalb der Ordner Tags, Trigger und Variablen zusammen gruppieren. Und das wird Ihnen helfen, zu kombinieren und zu sortieren und einen besseren Überblick darüber zu haben, was Sie tun. Was Sie wissen müssen, ist, dass sich Tags, Variablen und Trigger nur in einem Ordner befinden können. Da Variablen in mehreren Triggern und in mehreren Tags vorhanden sein können, müssen Sie wirklich darüber nachdenken , wie Sie diese Ordner einrichten möchten. Und es hängt ganz von Ihnen ab. Ich kann Ihnen nur einige der Vorschläge geben. Wie Sie sie hier bereits sehen können Sie sie nach Tag-Typ gruppieren. So, zum Beispiel alles, was mit Google, Google Analytics oder etwas alles verbunden ist, was mit Facebook oder einem anderen Produkt verbunden ist. Sie können sie nach funktionalen Gruppen gruppieren, so wie alles, was mit der Kasse zusammenhängt oder alles, was mit Ihrem Affiliate-Tracking zusammenhängt. Oder Sie können einfach Ordner von Teammitgliedern erstellen, damit Sie sehen können, wer welche Tags erstellt hat, welche Variablen und Trigger. Ok. Das ist es für Best Practices und Überlegungen. Und wir sehen uns im nächsten Abschnitt. 6. Nützliche Chrome-Plugins für die Arbeit mit Google Tag Manager: Als erstes möchte ich darüber sprechen, sind einige der wesentlichen Plugins für Google Chrome, die ich verwende wenn ich mit Google Tag Manager arbeite. . Ich habe diese Datei mit allen Links und kurzen Beschreibungen erstellt, und Sie können sie unter den Ressourcen finden . Sie müssen nicht alle diese Plugins installieren, aber ich würde vorschlagen, dass Sie diejenigen installieren, die wir während des Kurses verwenden werden . Natürlich gibt es viele weitere Plugins, die Sie verwenden können, die erweiterte Funktionen haben, wenn mit Google Tag Manager arbeiten. Aber wir werden nicht auf diese Plugins gehen, da wir sie während des Kurses nicht verwenden. Das erste Plugin, das wir überprüfen werden, ist Tag-Assistent von Google. Und was dieses Plugin tut, hilft es Ihnen, alle Aktivitäten von verschiedenen Google-Produkten wie Google Tag Manager verfolgen , sondern auch von Google Analytics, Google-Anzeigen. Es wird Ihnen zeigen, welche dieser Pixel tatsächlich ausgelöst wurden, die funktionieren, die nicht die Ereignisse ausgelöst wurden. Und auf diese Weise können Sie wirklich in alle Details des Geschehens eingehen und sehen, ob alles so funktioniert , wie es sollte. Wie Sie hier auf diesem Screenshot sehen können, wenn dieses Symbol grün wird, dann funktioniert alles so, wie es sollte. Wenn es blau ist, was hier nicht markiert ist, dann gibt es im Grunde eine ähnliche Implementierung, die nicht erwartet wird, aber es sollte OK funktionieren. Wenn es gelb oder rot , gibt es einige Probleme mit der Implementierung dieses Pixels. und Sie sollten es sich ansehen. Eines der besten Dinge über dieses Plugin ist, lassen Sie mich einfach auf meine klicken, ist der Aufnahme-Button. Mit der Aufzeichnungsschaltfläche können Sie die gesamte Sitzung alle Tags und alle geladenen Skripte aufzeichnen . Und Sie können die Protokolle später auschecken und sehen, ob alles so funktioniert hat, wie es sollte. Dies ist eines der vier Plugins, die wir überprüfen, welche die Social und Werbung Pixel verifizieren. Der nächste ist Facebook-Pixel und es hat eine ähnliche Funktionalität wie Google-Tag-Assistent. Es wird Ihnen mehr Details über Auslöser geben, für die Facebook. Also, wenn das Pixel richtig geladen ist, wenn die Ereignisse ausgelöst wurden, welche Ereignisse ausgelöst wurden und so weiter. So mehr Details so dass Sie Facebook-Seite der Dinge einfacher debuggen können. Wie Sie sehen können, bevor ich fortfahre, habe ich die meisten dieser Plugins hier installiert und wir werden sie während des Kurses verwenden und Sie werden genau sehen, wie sie funktionieren. So müssen Sie sich jetzt nicht darum kümmern, was genau jedes dieser Plugins tut können Sie sie einfach installieren, wie wir gehen. Also der nächste ist Twitter. Auch hier überprüft dieser auf die Implementierung von Twitter-Pixel. Es wird Ihnen ein paar weitere Details über das Abfeuern von Ereignissen und alles, was mit Twitter verbunden ist, geben. Wenn Sie also Twitter verwenden möchten, können Sie es verwenden, um zu überprüfen, ob alles funktioniert. Und der letzte Teil dieses Abschnitts ist für Bing. Also, wenn Sie etwas Bing Werbung machen, dann, natürlich, Sie wollen dieses Pixel, Entschuldigung, Sie wollen dieses Plugin, aktiviert, so wird es einfacher für Sie zu debuggen. Das nächste Werkzeug ist der Tag-Explorer. Und im Grunde, was das tut, ist irgendwie zeigen Sie all diese Pixel und all die Skripte, die auf Ihrer Websiteausgeführt Ihrer Website in einer einzigen Schnittstelle. So können Sie zum Beispiel hier leicht sehen, wie Sie auf dem Screenshot sehen können, dass Ihr Facebook-Pixel läuft, dass Ihr Universal Analytics läuft, sowie Google Tag Manager. Aber es wird Ihnen nicht mehr Details darüber geben, welche Ereignisse ausgelöst werden, welche Daten über diesen Dienst übergeben werden . So ist es eine Art coole Plugin für schnellen Überblick über die Skripte, die derzeit ausgeführt werden, aber es wird Ihnen in einigen Fällen nicht mehr Details geben . Sie können diese Pixel auch deaktivieren, damit sie Sie nicht verfolgen. Zum Beispiel, wenn Sie auf anderen Websites surfen möchten. Das nächste Plugin, das wir überprüfen werden, ist GTM/GA Debug . Und was dieses Plugin tut, ermöglicht es Ihnen, mehr Details über Google Tag Manager und auch Google Analytics in einem coolen Interface zu erhalten . Und wie Sie hier sehen können, können Sie wie anders haben. Sie können überprüfen, welche Ereignisse ausgelöst wurden, welche Werte Variablen enthalten und welche Daten auf die Datenschicht et cetera übertragen wurden . Also werden wir uns ein bisschen später auf dem Kurs in diese Dinge einlassen. Du weißt also genau, wovon ich rede. Aber vertrauen Sie mir jetzt dies ist ein großartiges Tool für Debugging-Zwecke. Der nächste ist GTM Copy Paste, das ist ein wirklich nützliches Tool, wenn Sie mehrere Google Tag Manager-Konten verwalten oder haben . Da es Ihnen ermöglicht, einfach Tags oder Trigger und Variablen von einem Konto in ein anderes zu kopieren. Als Google-Tag-Manager hat diese Funktionalität nativ in seinem System nicht. Es wird Ihnen eine Menge Zeit ersparen, wenn Sie bestimmte Tags von einem Konto auf ein anderes kopieren möchten. Das ist also wirklich nützlich, wenn Sie mit mehreren acounts arbeiten. Und der letzte ist Adswerve, ich bin mir nicht sicher, wie man es ausspricht, was auch ein wirklich cool ist, mit vielen erweiterten Funktionen wie Einspritzen von Google Tag Manager-Code auf zufällige Websites. Sie können es auf Ihrer eigenen Website injizieren, ohne es tatsächlich zu implementieren, worüber wir später sprechen werden. Sie können Datenschicht in Echtzeit überwachen, Sie können einige Treffer von Google Analytics sehen und so weiter. Dies ist also ein wirklich cooles Plugin mit vielen Funktionalitäten, die Sie weiter auf der Straße nutzen können, wenn Sie ein bisschen fortgeschrittener werden. Dies ist also ein kurzer Überblick über die Plugins. Wie ich am Anfang sagte müssen Sie nicht alle installieren. Sie können sie eins nach dem anderen installieren, während wir weitergehen wie Sie sehen werden, welche wirklich nützlich für Sie sind und welche nicht. Vorerst würde ich Ihnen zumindest vorschlagen, den Tag-Assistenten zu installieren, da im nächsten Abschnitt Google Tag Manager implementieren wird , und dies wird eine der einfachsten Möglichkeiten sein, zu überprüfen, ob alles korrekt funktioniert. 7. Erstelle ein Google Tag a: Werfen wir jetzt einen Blick, wie Sie auf Google Tag Manager zugreifen und Ihr erstes Konto erstellen können. Sie können im Grunde einfach tagmanager.google.com oder einfach nur Google „Tag Manager“ eingeben. Und wahrscheinlich wird der erste Hit der richtige sein. Bevor Sie darauf zugreifen können, müssen Sie ein Google-Konto haben. Wenn Sie es nicht haben, müssen Sie eine erstellen. Wenn Sie bereits ein Google-Konto haben, können Sie sich einfach mit Ihrem bestehenden Konto anmelden. Und das ist etwas, was ich jetzt tun werde. Und Sie können darauf zugreifen, wie Sie in nur einer Sekunde sehen werden. Ich habe bereits ein paar Konten hier erstellt. Wenn Sie es zum ersten Mal machen, wird es ähnlich sein wie nur klicken Sie hier auf Konto erstellen. Wenn Sie bereits Konten haben und ein neues erstellen möchten klicken Sie einfach hier. Dies ist also der Bildschirm, den Sie zum ersten Mal sehen, wenn Sie ein neues Konto erstellen. Das erste, was Sie tun müssen, ist eine Kontocontainer-Setup für den Kontonamen durchzuführen. Es ist am besten, Ihren Firmennamen zu verwenden oder wenn Sie dies für Ihren Kunden tun verwenden Sie den Firmennamen. Also für den Moment werde ich einfach „GTM-Kurs“ verwenden. Dann können Sie Ihr Land auswählen. Ich lasse es einfach als USA. Dann müssen Sie Ihren Container einrichten. Ein Container ist im Grunde eine Sammlung all Ihrer Tags und Skripte, die wir in einem Moment für eine bestimmte Plattform sehen werden . So wie Ihre Website, wenn Sie mehrere Websites haben, können Sie mehrere Container haben, jeder andere für eine bestimmte Website oder für mobile Apps wie für iOS oder ein Android, oder auch wenn Sie Google AMP-Seiten verwenden , können Sie das auch verwenden. Die beste Methode zum Benennen eines Containers besteht darin, den Namen der Website oder der von Ihnen verwendeten mobilen App zu verwenden. Also für unseren Zweck werde ich einfach „gtm.outtale.com“ eingeben. Und ich werde auswählen, die Website, wie wir diese auf unserer Website Store testen werden. Dann müssen Sie einigen Nutzungsbedingungen zustimmen. Sie müssen sie akzeptieren und danach ist Ihr Konto eingerichtet. Das erste, was Sie sehen, wenn dies geschieht, sind die Anweisungen, wie Sie alles auf Ihrer Website einrichten . Dies wird wahrscheinlich das Letzte sein, was Sie brauchen, um Ihren Entwickler zu bitten. So fügen Sie diesen Code auf Ihrer Website ein. Wir werden auch prüfen, wie Sie diese Codes für sich selbst auf Ihrer Website einfügen können. Moment können Sie es grundsätzlich einfach kopieren und an einen Entwickler senden, wenn Sie aus irgendeinem Grund diesen Instal-Google Tag Manager-Bildschirmnicht sehen diesen Instal-Google Tag Manager-Bildschirm , wenn Sie sich das erste Mal anmelden. Oder wenn Sie bereits ein Konto erstellt haben und vergessen haben, wo Sie diesen Code finden, ist es leicht über die Google Tag Manager-ID zugänglich . Sie klicken im Grunde darauf und Sie werden direkt zu diesem Bildschirm zurückkehren. Wenn Sie Fragen haben, wie Sie diese implementieren bietet Google auch eine Kurzanleitung mit einigen zusätzlichen Informationen. Lassen Sie uns nun überprüfen, wie Sie diese Codes in Ihre Website einfügen können. 8. Die Übersicht über 5 of: Sehen wir uns nun an, wie wir den Google-Tag-Manager-Code für den Container installieren können, den wir in der vorherigen Lektion erhalten haben . Wir werden uns fünf verschiedene Möglichkeiten ansehen und wie wir dies in unserem Geschäft oder auf unserer Website platzieren können. Die erste wird die manuelle Installation sein. Dies wird ein wenig technischer sein aber wenn Sie benutzerdefinierte Website haben, wird dies Ihnen helfen, durch diese zu bekommen. Als nächstes werden wir WordPress, Shopify und Squarespace überprüfen, die alle Plattformen sind. Und schließlich werden wir einen Blick auf Tag Manager Injektor über Adswerve werfen, mit dem Sie Google Tag Manager Container-Codeauf jeder Website injizierenkönnen injizieren Google Tag Manager Container-Code . Es hacken nicht es tut im Grunde nur dies in Ihrem eigenen Browser zu Testzwecken. Sie können zu dem Abschnitt springen, der Sie interessiert, oder Sie können sich den gesamten Vortrag anhören und lernen, wie Sie diese Codes auf jeder dieser Plattformen implementieren . Lassen Sie uns zuerst mit der manuellen Installation beginnen. 9. Manuelle Installation von Google Tag Manager auf deiner Website: Ich habe Demo-Sites für diesen Zweck eingerichtet. Und wie Sie derzeit sehen können, wenn wir Google Tag Assistent einchecken, können wir sehen, dass es keine Tags auf dieser Website laufen. Um den Google-Tag-Manager-Container auf Ihrer Website zu installieren, müssen Sie einen Zugriff auf die Dateien auf Ihrer Website haben. Sie können dies entweder über ein FTP oder über Ihren Hosting-Provider tun. Sie geben Ihnen normalerweise eine Art Dateimanager, um all diese Dateien zu verwalten. Dann müssen Sie die richtige Datei finden, um diesen Code in zu setzen. Normalerweise, wenn dies wie eine benutzerdefinierte Website ist, wird es eine „index.something“ -Datei geben, die normalerweise die erste gefunden wird, die sie lädt und die Kopfzeile und die Fußzeile der Seite enthält. Bei einigen Plattformen ist es ein bisschen anders also müssen Sie das überprüfen. Und wenn sie ähnliche Themen verwenden, könnte es wieder anders sein. Aber der Zweck ist, die Datei zu finden, die den Header und den Anfang des Körpers enthält, der kurz sehen wird , was ich meine. Ok. Also lassen Sie uns diese Datei öffnen und Sie werden eine Reihe von Code hier sehen und im Moment werden wir es einfach verlassen. Also, wenn wir zurück zu Google Tag Manager gehen. Es besagt, dass wir den ersten Teil der Codes in den Kopfbereich der Seite so hoch wie möglich einfügen müssen. Ich gehe zurück zu meiner Akte und sehe, das ist der Hauptteil, der sich von hier bis hier erstreckt. Ich werde diesen Google-Tag-Manager-Code direkt unter dem Titelteil für jetzt setzen und dann gehe ich zum zweiten Teil, der besagt, dass wir es direkt unter dem Body Opening Tag setzen müssen. Wir müssen zu unserer Akte zurückkehren. Und da es eine Menge gleichen Text gibt, können Sie Body-Tag ganz einfach finden, indem Sie einfach in Ihrem Browser suchen, indem Sie „body“ eingeben. Und sehen Sie, wir haben es schon hier gefunden. Und ich werde dieses Skript direkt unter das öffnende Tag legen. Ich werde es retten. Und lasst uns warten. Gehen wir vorerst auf unsere Demo-Seite zurück. Es passiert nichts. Also müssen wir die Seite aktualisieren. Wir warten ein bisschen. Wie Sie sehen, hat der Google-Tag-Manager geladen, es sagt 1 hier, es ist gelb, obwohl. Wie ich bereits sagte, gibt es ein Problem damit. Schauen wir uns an, was das Problem ist. Und es sagt, dass dies auf leere oder unveröffentlichte Container zurückzuführen sein könnte. Da wir noch nichts im Container haben und wir es noch nicht veröffentlicht ist das vorerst in Ordnung. Zu unserem Zweck wissen wir bereits, dass das Tag feuert und es funktionieren sollte. Natürlich können Sie es auch mit Tag Explorer überprüfen und Sie werden sehen, dass Google Tag Manager jetzt läuft. Aber wenn Sie diese Plugins nicht installiert haben, können Sie dies überprüfen, indem Sie auch den Quellcode der Seite überprüfen . In den meisten Browsern klicken Sie mit der rechten Maustaste auf den Hintergrund der Website und klicken Sie auf „Seitenquelle anzeigen“. Auch hier wird dieser ganze Code geöffnet, wie Sie zuvor im Dateimanager gesehen haben. Und dann können Sie einfach durch sie blättern und sehen, dass Google-Tag-Manager-Code hinzugefügt wurde. Und das ist unter dem Titel-Tag. Und der andere ist direkt unter der Leiche. Also ist alles in Ordnung. Und Sie können mit der Arbeit an Ihren Tags und Skripten beginnen. 10. Wordpress Setup von Google Tag Manager: wir nun einen Blick, wie wir den gleichen Code in WordPress implementieren würden. Zu diesem Zweck habe ich WordPress-Shop auf der gleichen Website erstellt. Also werde ich es einfach überprüfen. Wie Sie sehen können, funktioniert es und es gibt keine Tags für den Moment. Also lasst uns zu unserem WordPress gehen. Sie können einfach „wp-admin“ schreiben. Es gibt zwei Möglichkeiten, wie Sie dies in WordPress tun können. Die erste ist, wieder, manuelle Installation, die ich einfach durchbrechen werde, weil das hier nicht der Punkt ist. Aber Sie können dies unter der Darstellung und unter dem Theme-Editor tun, wo Sie im Grunde den gleichen Zugriff auf Theme-Dateien haben , wie Sie zuvor im Hosting-Provider-Abschnitt hatten. Die Theme-Header-Datei ist die richtige, aber es wird von Ihrem Thema abhängen, wenn Sie wie ein Kinderteam oder was auch immer haben. Aber für mein Vanille-Setup können Sie sehen, dass ich hier den Kopfbereich und den Körperbereich habe und ich könnte den Code einfach hier einfügen und speichern. Aber was wir tun werden, werden wir ein Plugin benutzen. Also lassen Sie uns gehen und fügen Sie ein neues Plugin für die Installation von Google Tag Manager. Und was Sie sehen werden, ist, dass es viele Google-Tag-Manager-Plugins, aber die, die ich benutze und ich würde vorschlagen, dass Sie auch verwenden, ist der Google-Manager für WordPress von Thomas Geiger. Und Sie werden in einer Weile sehen, dass es Ihnen so viele Optionen gibt, ohne die Notwendigkeit eines Entwicklers und es funktioniert einfach großartig. Also lasst es uns installieren. Und aktivieren Sie es. In Ordnung. Und lasst uns zu den Einstellungen gehen. Das erste, was Sie sehen werden, gibt es so viele Schritte, die durchlaufen werden , aber im Moment müssen wir zuerst eine Google-Tag-Manager-ID bekommen. Wenn wir zu unserem Google-Tag-Manager zurückkehren, sehen Sie, dass dies Ihre ID ist. Sie können es von hier aus kopieren. Oder Sie können es von hier aus kopieren. Also habe ich das einfach gemacht und ich gehe zurück und füge es ein. Stellen Sie einfach sicher, wenn Sie Dinge einfügen, dass Sie keine speziellen Leerzeichen am Anfang oder am Ende haben. Und ich hatte einen , also werde ich ihn einfach entfernen. Und dann muss ich eine Container-Code-Platzierung auswählen. Die „Fußzeile der Seite“, die von Google nicht empfohlen wird, bedeutet im Grunde, dass der zweite Teil des Codes, der für alle Browser gedacht ist, die JavaScript aus irgendeinem Grund deaktiviert haben, fast am Ende der Seite platziert wird . Dies wird nicht empfohlen, da viele Skripte und Tags, die ausgelöst werden, möglicherweise nicht korrekt ausgelöst werden oder sie korrekt, aber nicht rechtzeitig ausgelöst werden. Also werden wir die „codellose Injektion“ benutzen, die dein Frontend kaputt machen könnte. Das ist die Warnung. Wenn dies geschieht, dann verwenden Sie die „Fußzeile der Seite“. Oder wenn Sie die Möglichkeit haben, Ihren Entwickler zu fragen oder wenn Sie es selbst tun möchten, können Sie diese benutzerdefinierte verwenden , aber dann müssen Sie diese Codes unter das body-Tag setzen wie wir zuvor im Theme-Editor gesehen haben. Okay, also lassen Sie uns einfach Änderungen speichern und überprüfen, ob alles im Frontend funktioniert. Gehen wir zurück in unseren Laden. Und lasst uns die Seite aktualisieren. Wie Sie sehen, hat der Google-Tag-Manager gefeuert. Wir haben den Container noch nicht veröffentlicht oder wir haben nichts hineingesteckt, also ist er immer noch gelb. Aber wie wir sehen können, funktioniert es vorerst. Später werden wir überprüfen, was all diese Registerkarten tun. Aber ich will sie einfach schnell durchgehen. Grundsätzlich, was es Ihnen erlaubt, einige spezielle Optionen in der Datenschicht hinzuzufügen, ohne etwas zu programmieren. So können Sie diese Kontrollkästchen einfach aktivieren oder deaktivieren. Und vor allem, was nützlich ist, ist der Integrationsteil für die Woocommerce-Website. Sie können im Grunde alle zusätzlichen Daten hinzufügen, die gespeichert werden, wenn die Konvertierung geschieht indem Sie diese Kontrollkästchen aktivieren. So können Sie es auf WordPress installieren. 11. Shopify-Einrichtung von Google Tag Manager: Ok. Lassen Sie uns nun überprüfen, wie wir den Google Tag Manager in unseren Shopify Store integrieren können. Also zuerst, gehen Sie in Ihren Shopify-Admin. Aber bevor wir damit beginnen, zeige ich Ihnen nur meinen Shopify-Shop und wir überprüfen, ob Google Tag Manager bereits installiert ist. Wie Sie noch keinen Google-Tag-Manager sehen. Und das ist einfach einfach einfach zu speichern. Shopify hat einige gute Anweisungen, wie Google Tag Manager in ihrem Help Center zu installieren aber wie Sie sehen, konzentriert es sich hauptsächlich auf Shopify plus Online-Shops. Ich habe keinen Plus-Online-Shop. Ich habe nur einen Grundladen. Aber wir werden einige ihrer Anweisungen verwenden, um einen Teil des Skripts zu setzen. Wie es hier heißt, müssen wir die Google-Tag-Manager-Code-Snippets in zwei Dateien kopieren, „theme.liquid“ und „checkout.liquid“ und wir können den ersten Teil in die flüssige Datei kopieren, indem wir zu Onlineshop-Themen gehen, unser Thema auswählen, unter Aktionen gehen und in den Abschnitt „Code bearbeiten“. Dieser erste Teil ist wirklich ähnlich wie die manuelle Installation und WordPress manuelle Installation wir zuvor gesprochen. So können wir hier sehen haben wir den Kopfteil und wenn wir ein wenig nach unten scrollen, haben Sie den Körperteil. Aber nach ihren Anweisungen wenn wir es einfach in die flüssige Akte legen, wird es nicht überall erscheinen. Es wird im Checkout-Prozess nicht sichtbar sein. Dafür müssen wir es auch in die „checkout.liquid“ setzen. Aber wie ich bereits erwähnt habe, da ich auf einem grundlegenden Plan bin, habe ich hier nirgends diese flüssige Datei. Es gibt keine Datei „checkout.liquid“, die ich ändern kann. Wir machen es also ein bisschen anders und stellen sicher, dass unser Google-Tag-Manager auch auf der Checkout-Seite installiert ist . Das erste, was wir tun müssen, ist, den zweiten Teil des Google-Tag-Manager-Codes zu kopieren und wir werden ihn direkt unter dem Body-Tag setzen. Wir werden den ersten Teil nicht in den Kopfbereich setzen, da wir es ein bisschen anders machen werden. Dies bedeutet, dass Personen mit deaktiviertem JavaScript im Shopteil des Shops den Google-Tag-Manager laden können . Aber auf der Kasse Seite, leider, wird dies nicht der Fall sein. Aber für die meisten anderen Menschen, die JavaScript aktiviert haben wird dieser Prozess gut funktionieren. Also lassen Sie uns diese Datei speichern. Und dann müssen Sie unter den Präferenzen gehen. Und wir müssen den Abschnitt „Google Analytics“ finden. Hier steht es, wir müssen Google Analytics einfügen. Und vor ein paar Monaten konnten Sie im Grunde den ersten Teil des Google-Tag-Manager-Codes hier einfügen, und es würde gut funktionieren . Aber jetzt haben sie es ein bisschen aufgerüstet und du kannst das nicht mehr tun. Was wir also tun müssen, ist, dass Sie in Ihre Google Analytics-Konten gehen und Ihren Tracking-ID-Code kopieren müssen. Ich werde nicht ins Detail gehen, wie ich es in diesem Moment machen soll. Sie sollten in der Lage sein, das herauszufinden. Wenn Sie Google Analytics noch nicht haben, möchten Sie dennoch den Google Tag Manager in Ihrem Shopify Store installieren . Sie können diese Zahl einfach im Grunde fälschen, indem Sie UA-einige Zufallszahl-1 eingeben. . Stellen Sie einfach sicher es neun Ziffern gibt und dass es auch „1" am Ende gibt. Was wir jetzt tun werden, ist, dass wir dies speichern und Sie werden sehen, dass dies unser Google Analytics-Kontocode wird . Und Google Analytics ist jetzt in Shopify Store integriert. Und unten können Sie sehen, dass wir einige benutzerdefinierte JavaScript zu Google Analytics hinzufügen können. Und genau das werden wir tun. Wir verwenden dieses Feld, um unseren Google-Tag-Manager-Code einzufügen. Also werden wir den ganzen Code hier einfügen. Aber jetzt müssen wir ein paar Teile entfernen. Wir müssen diesen Google-Tag-Manager-Kommentar entfernen und auch, wir müssen diesen Skript-Teil entfernen. Achten Sie darauf, das Semikolon am Ende nicht zu entfernen. Wir müssen das Gleiche am Anfang tun. Entfernen Sie den Skriptteil und den Google-Tag-Manager-Kommentar erneut. Achten Sie darauf, die Klammern nicht zu entfernen. Während wir dies tun, können wir klicken, speichern und alles funktioniert. Jetzt gehen wir zurück zu unserem Geschäft und aktualisieren es. Wie Sie wieder sehen hat Google Tag Manager ebenso geladen wie Google Analytics, die wir dort auch eingefügt haben. Um sicherzustellen, dass dieser Google-Tag-Manager auch auf der Checkout-Seite läuft gehen wir zu unserem Demo-Produkt. Fügen Sie es in den Warenkorb. Und wie Sie sehen, ist der Google-Tag-Manager-Code immer noch aktiv. Gehen wir nun zur Kasse Seite. Und wieder der Google-Tag-Manager sowie Google Analytics-Code vorhanden. Das bedeutet im Grunde, dass wir den Google Tag Manager bei Shopify korrekt eingerichtet haben und zu Squarespace übergehen können. 12. Squarespace von Google Tag Manager: Das Einrichten in Squarespace ist ziemlich unkompliziert. Aber ich wollte dir immer noch zeigen, damit du es installieren kannst, wenn du Squarespace verwendest. Lassen Sie uns zuerst unsere Website öffnen. Wie Sie sehen, haben wir unsere Website hier. Und es gibt tatsächlich einige Tags, die bereits laufen. Es gibt Footlight und Google-Tag-Manager. Aber das ist nicht unser Google-Tag-Manager. Ich glaube, das ist von Squarespace. Also, jetzt werden wir es einfach ignorieren. Dann müssen Sie unter die Registerkarte Einstellungen gehen. Und unter dem erweiterten Abschnitt und Sie werden den Code Injection Abschnitt sehen. Dies injiziert im Grunde den Code an der richtigen Stelle. Und wir haben bereits unseren Header-Bereich und wir gehen einfach in den Google Tag-Manager und kopieren diese Teile. Und wir werden es in diesen Abschnitt einfügen. Ich habe Squarespace nicht registriert, daher sehe ich diese Benachrichtigung. Du siehst es wahrscheinlich nicht. Wenn Sie eine kostenpflichtige Version von Squarespace haben, können Sie sie einfach ignorieren. Der andere Teil des Google-Tag-Managers, wir müssen es in das Body-Tag einfügen, aber Sie haben diese Option hier auf Squarespace nicht . Also müssen wir es in den Fußzeilenabschnitt setzen . Wie ich bereits im Shopify-Teil erwähnt habe Dies ist nicht die beste Option, aber da wir in diesem Moment keine andere Option haben, wird dies tun müssen. Also lasst es uns retten. Sobald wir es speichern sehen Sie bereits, dass unsere Tags hinzugefügt wurden. Und wenn Sie überprüfen, können Sie sehen, dass WBF-V6SZ genau unser Tag ist. Daher haben wir es erfolgreich in Ihrem Squarespace-Store installiert. 13. Inject auf jeder Website spritzen: Das letzte, was ich Ihnen zeigen möchte, ist, wie man den Google Tag Manager über ein Plugin installiert. Also gehen wir zurück zu unserem One-Pager-Fall. Und ich habe den Google-Tag-Manager-Code bereits entfernt. Du siehst also, dass es nicht läuft. Und ich werde es jetzt auf der Browserseite injizieren. Dies bedeutet im Grunde, dass das Skript nur in meinem Browser geladen wird . Und Sie können dies für jede Seite mit Ihrem Container tun, aber es wird nur in Ihrem Browser enthalten sein . Du hackst keine Websites und es wird nicht dauerhaft sein. Also, dafür werden wir Adswerve-Plugin verwenden. Ich kann immer noch nicht aussprechen. Es und wir werden hier unter den Advance-Optionen unter der Add-Funktionalität gehen und wir werden den GTM-Container einfügen klicken. Und hier steht es, wir brauchen das Teil nach dem GTM Dash. Also im Grunde nur die Zahlen. Und ich gehe in meinen Google-Tag-Manager. Eigentlich sind es nicht die Zahlen, aber ich wähle diesen Teil aus und ich gehe zurück. Fügen Sie Funktionalität im GTM-Container hinzu. Und ich werde es wieder hier einfügen. Stellen Sie sicher, dass vor oder hinter diesem Code keine Leerzeichen vorhanden nur für den Fall, dass Sie sie versehentlich kopieren. Wir werden auch mit dem Gastgeber übereinstimmen. So. Und wir werden die Seite speichern und neu laden. Sobald dies geschieht, können Sie sehen, dass unser Google Tag Manager geladen oder grundsätzlich in diese Website injiziert wurde . Und Sie können die Funktionalitäten testen, ohne Ihre Besucher zu beeinträchtigen. Dies sind die verschiedenen Möglichkeiten, wie Sie Google Tag Manager installieren können. Es gibt viele weitere Plattformen, die Sie wahrscheinlich verwenden können die meisten von ihnen verwenden eine Art von Plugins, wo Sie es manuell tun können wie wir zuvor gezeigt haben. Und jetzt gehen wir zur nächsten Lektion über. 15. Google Ads Remarketing: Ok. In der vorherigen Lektion haben wir einige grundlegende Analysen eingerichtet, die Sie auf Ihrer Website haben sollten. In dieser Lektion werden wir ein wenig mehr über das Einrichten von Remarketing für Google-Anzeigen sprechen. Im Grunde bedeutet Remarketing Anzeigen für Personen, die bereits Ihre Website besucht oder eine bestimmte Aktion auf Ihrer Website durchgeführthaben Aktion auf Ihrer Website durchgeführt und Sie nur diese Personen erreichen möchten. Auch hier, durch Werbung, Remarketing ist wirklich nützlich, weil Sie Targeting bereits aufgewärmte Leads, die noch nicht auf Ihrer Website konvertiert und Sie wollen sie zum zweiten Mal davon überzeugen, diese Konvertierung durchzuführen. In dieser Lektion werfen wir einen Blick darauf, wie Sie dies mit Hilfe von Google Ads und Google Tag Manager erreichen können . In der vorherigen Lektion haben wir auf Tags geklickt und ein neues Tag erstellt. Aber wie Sie aus der Arbeitsbereichsübersicht sehen können, können Sie auch hier klicken und auf diese Weise ein neues Tag erstellen. Wir bekommen ein vertrautes Fenster und wir werden unser Tag konfigurieren. Google hat dies bereits für uns vordefiniert, so dass wir einfach auf Google Ads-Remarketing-Tag-Typ klicken können. Auf diese Weise sehen wir sofort, was wir eingeben müssen. Das erste, was wir bekommen müssen, ist unsere Conversion-ID. müssen wir in Google Ads-Konto gehen. Wenn Sie das Konto noch nicht haben, müssen Sie es erstellen. Sobald Sie sich im Google-Ads-Konto befinden, gehen Sie unter Tools und Einstellungen und unter Freigegebene Bibliothek wird ein Zielgruppenmanager angezeigt. Wenn Sie dies bereits in der Vergangenheit getan haben, haben Sie dies wahrscheinlich bereits eingerichtet. Aber da ich das noch nicht getan habe, muss ich es jetzt einrichten. Also lassen Sie uns eine Zielgruppenquelle einrichten. Und Sie haben eine Reihe von verschiedenen Quellen, aus denen Sie diese Daten abrufen können. Und wir werden einfach Google Ads-Tag einrichten. Wir wählen den Remarketing-Typ aus. Und im Moment werden wir nur allgemeine Website sammeln, Daten besuchen. Lassen Sie uns speichern und fortfahren. Jetzt müssen wir auswählen, wie wir das auf unserer Website installieren sollen. Wenn Sie Google Tag Manager verwenden, was wir sind. Wir werden das hier anklicken. Aber Sie haben eine Reihe von anderen Optionen, sowie senden Sie es an Ihren Entwickler per E-Mail oder installieren das Tag selbst mithilfe des Quellcodes. Also lassen Sie einfach auf den Google-Tag-Manager klicken und sofort werden wir mit Conversion-ID zur Verfügung gestellt. Genau das, wonach wir gesucht haben. Sie haben auch eine detaillierte Anleitung, wie Sie dies im Google Tag Manager installieren, wenn Sie sie benötigen . Für den Moment, lassen Sie es einfach kopieren und gehen Sie zurück zu unserem Google Tag Manager. Wir könnten diesen Code einfach hier in den Container einfügen und im Grunde wären wir fertig. Aber da wir diese Konvertierungs-ID ein wenig später für einige andere Dinge verwenden werden, werde ich eine Variable verwenden . Auch hier könnte ich die Variablen durchlaufen und eine neue Variable erstellen oder Google-Tag-Manager gibt mir eine einfachere Möglichkeit, dies zu tun. Ich kann auf diesen Stein klicken, was im Grunde bedeutet, eine Variable hinzuzufügen und ich habe noch keine Variablen für Konvertierungs-ID erstellt, also kann ich einfach hier nach oben gehen und eine neue Variable erstellen. Und ich werde es Google-Anzeigen nennen, Conversion-ID. Ich werde diese Variable konfigurieren, und dafür werde ich eine Konstante verwenden . Dies bedeutet im Grunde, dass ich einen Wert für diese Variable einrichten werde und ich werde die Conversion-ID einfügen, die ich von Google-Anzeigen erhalten habe. Ich werde es retten. Und natürlich muss ich die vorherige Version entfernen. Und das ist die Variable, die in dieses Tag übergeben wird. Und ich kann es wiederverwenden, wann immer ich es brauche. Es gibt auch ein Konvertierungslabel, das optional ist. Aber es sei denn, Sie tun tag-basierte Remarketing-Listen, werden Sie dies wahrscheinlich nicht benötigen. Dies bedeutet im Grunde, dass Sie dieses Label verwenden würden, wenn Sie bestimmte Tags auslösen und Remarketing basierend auf diesen Tags durchführen möchten, die ausgelöst wurden. Aber da wir nur den allgemeinen Traffic verfolgen, auf welchen Seiten sie besucht haben, müssen wir dies eingeben. Jetzt stellen wir unseren Auslöser ein. Und wieder, wir wollen, dass es auf allen Seiten ausgelöst so dass wir einfach alle Seiten auslösen. Lassen Sie uns einfach dieses Tag nennen und wir sind fertig. Und lassen Sie uns dieses Tag speichern. Grundsätzlich können wir jetzt eine neue Version erstellen und auf unserer Website veröffentlichen. Aber das werde ich nicht sofort machen. Wir werden sehen, wie wir überprüfen können, ob alles funktioniert, bevor wir es auf unserem Live-Server veröffentlichen. Wir tun dies, indem Sie die Schaltfläche „Vorschau“ verwenden, und wir werden dies in der nächsten Lektion überprüfen. 16. Test- und Debugging vor der Veröffentlichung einer neuen Version: In Ordnung. Werfen wir jetzt einen Blick darauf, wie wir eine Vorschau der Container-Änderungen und Debuggen einige Probleme ohne Auswirkungen auf Ihre Lebens-Site. Und bevor Sie Ihre Version tatsächlich an Ihren Lebensproduktionsserver senden. Bevor wir anfangen, möchte ich erwähnen, dass dies eine aktualisierte Version der ursprünglichen Lektion ist. Weil Google gerade die Tag-Manager-Schnittstelle geändert hat und einige Dinge neu sind. Und ich möchte es im neuen Tag-Manager erklären, weil Sie keine Möglichkeit haben, den alten zu verwenden. Alle Lektionen von jetzt an, verwenden Sie die alte Version. Weil sie wirklich ähnlich sind sollten Sie keine Probleme haben, die neue zu navigieren, wie Sie auf dem alten lernen. Am Ende dieser Lektion werde ich Ihnen auch zeigen, wie die alte aussah. OK, lassen Sie uns auf die Vorschauschaltfläche klicken und loslegen. Bevor ich beginne, das Debugging-Tool zu erklären werde ich nur einige Unterschiede für Sie alle hervorheben, die bereits den alten Tag-Manager-Vorschaumodus kennen Der erste Unterschied besteht darin, dass Ihnen jetzt dieses Pop-up angezeigt wird, wo Sie Ihre Website eingeben müssen, die Sie debuggen möchten. Ich habe das schon mit meinem ausprobiert, also ist es vorgefüllt. Es gibt auch und enthält Debug-Signal-Checkbox, die ich schlage vor, dass Sie nur live überprüft haben, es sei denn, Sie haben ständig einige Debugging-Probleme. Also lasst uns anfangen. OK, das zweite, was es anders ist, wie Sie sehen können, ist, dass Sie jetzt keinen eingebetteten Debugger auf Ihrer Website haben . Dies sieht viel sauberer aus und es ist viel einfacher, mobile Seiten zu debuggen, bei denen die Immobilien kleiner sind. Sie erhalten nur diese kleine Debugger-verbundene Benachrichtigung, die Sie einfach ausblenden können. Und der Debugger befindet sich jetzt in einer separaten Registerkarte. Wenn wir also hierher gehen, werden Sie sehen, dass es dem alten ähnlich aussieht. Es gibt viel mehr Immobilien hier, also ist es viel einfacher zu sehen, was los ist. Sie haben eine ganze Geschichte von alten Seitenansichten. Zum Beispiel, wenn ich diese Seite aktualisieren. Sie werden in nur einer Sekunde sehen, dass ein anderes Ereignis mit dem Tracking beginnt. Und bevor Sie Links öffnen mussten, neue Registerkarten, um diese Daten nicht zu verlieren, jetzt haben Sie es in einem separaten Fenster. Das ist also viel, viel einfacher. Außerdem, wenn Sie beim Debuggen mehrere Registerkarten oder mehrere Fenster öffnen. Jeder von ihnen wird dieses besondere Zeichen bekommen. Dieser hat ein gelbes Quadrat und dieser hat eine Schildkröte, die ein Auto oder ähnliches fährt. Wenn wir also zu unserem Tag-Assistenten zurückkehren, werden Sie sehen, dass es tatsächlich ein Helm ist. Sie werden sehen, dass Sie sofort die Ereignisse unterscheiden können, die von der einen oder der anderen Registerkarte kommen. In Ordnung. Dies sind also einige der Unterschiede und einige zusätzliche Funktionalitäten wie das Verfolgen mehrerer Registerkarten. Nun, lassen Sie uns darauf hinausgehen und lassen Sie mich die Schnittstelle genauer erklären. Dies ist eine Art wie Ihr Verlauf aller Ereignisse, die nach verschiedenen Fenstern oder verschiedenen Registerkarten gruppiert sind. Dies ist also ein Fenster mit allen Aktionen, die in diesem Fenster aufgetreten sind. Dies ist ein weiteres Fenster mit allen aufgetretenen Aktionen. Hier auf der rechten Seite haben Sie mehr Details darüber, was vor sich geht. Bitte stört es nicht , dass mehrere Tags ausgelöst werden, weil ich dies aufnehme, nachdem ich mehrere Tags erstellt habe. Aber konzentrieren wir uns auf das, was hier vor sich geht. Wenn wir auf Zusammenfassung klicken, haben wir eine Zusammenfassung von allem, was vor sich geht. Wir können auch auf ein bestimmtes Ereignis klicken und das Remarketing-Tag von Google Ads abgefeuert sehen. Und es gibt viele Tags, die nicht auch ausgelöst wurden. Wenn wir also auf diesen Tag klicken, erhalten wir mehr Details darüber. Wir erhalten die Details über das Tag selbst und das Auslösen von Triggern. Sie können auch sehen, dass alle Filter in Ordnung sind weshalb dieses Tag ausgelöst wurde. Wenn wir zum Beispiel auf ein anderes Tag klicken. Wir werden sehen, dass es nicht geschossen und Sie Details darüber bekommen haben, warum das nicht geschehen ist. Und das sind alle Parameter, die für dieses spezifische Tag festgelegt wurden. So erhalten Sie unter der Registerkarte „Tags“ alle Tags, die ausgelöst haben und nicht ausgelöst haben. Die zweite Registerkarte sind also die Variablen, die derzeit festgelegt sind. Und Sie können sehen, dass wir Variablennamen, Variablentyp, Rückgabetyp und den Wert der Variablen haben. Und zum Beispiel die URL. -Variable enthält eine Zeichenfolge für die Beanie des Produkts. Denn das ist das Produkt, das wir tatsächlich geöffnet haben. Wenn Sie die Variablen einrichten, können Sie auf dieser Registerkarte überprüfen, ob die darin enthaltenen Werte korrekt festgelegt sind. Der dritte Teil ist der Daten-Layer. Ich werde nicht mehr Details über die Datenschicht eingehen, weil es ein bisschen technischer ist aber nur damit Sie wissen, es ist im Grunde ein JavaScript-Objekt, das all diese Werte und Ereignisse enthält. In Ordnung. Wenn wir also zu Tags zurückkehren, werden wir sehen, dass in dieser Ereignis-Timeline, wenn wir von Ereignis zu Ereignis wechseln , verschiedene Tags ausgelöst werden. Dies ist ein Trigger, der nach 30 Sekunden ausgelöst wird. Und Sie können sehen, dass ein bestimmtes Tag gefeuert wurde und nichts anderes. In Ordnung. Es gibt ein paar Dinge, die Sie hier tun können. Die erste hier, Sie können Ihre Google Tag Manager-ID sehen. Und das ist nützlich damit Sie überprüfen können, ob Sie den richtigen Container ausführen . Wenn Sie mehrere Container ausführen, ändert sich dies im Grunde in ein Dropdown-Menü und Sie können auswählen, welche von denen Sie im Debugger verfolgen möchten. Bevor ich Ihnen die alte Version des Google-Tag-Managers zeige, möchte ich nur zum Container geladenen Ereignis zurückkehren und möchte über das Remarketing-Tag von Google Ads sprechen, das wir abgefeuert haben. Und lassen Sie uns, wie wir die Beeny überprüfen, überprüfen Sie es einfach auch im Tag-Assistenten. Und wir können sehen, dass es erfolgreich gefeuert hat. Eine weitere Sache, die Sie über das Debugging-Tool beachten müssen, ist, dass, wenn Sie Ihr Google-Tag-Assistent-Plugin installiert diese Option von mehreren Tabs und mehreren Containern tatsächlich verfügbar sein wird. Wenn Sie haben, diese Option von mehreren Tabs und mehreren Containern tatsächlich verfügbar sein wird. Wenn Siees nicht für Beispiel, wenn Sie es in Firefox oder einem anderen Browser debuggen, dann können Sie leider nicht mehrere Registerkarten gleichzeitig nur eine debuggen . OK, also lassen Sie uns die alte Version überprüfen und Sie werden sehen, dass sie super ähnlich aussieht und Sie sollten keine Probleme haben , um sie herum zu navigieren. Dies ist ein Bild von einer alten Version, die ich gemacht habe. Wie Sie sehen können, bevor der Debugger in die Website eingebettet wurde. Sie hatten also weniger Immobilien, mit denen Sie arbeiten konnten. Es gab natürlich eine Bildlaufleiste, aber trotzdem kam es Ihnen irgendwie im Weg. Wie Sie auf der linken Seite sehen, haben wir unsere Ereignisse, Timeline haben wir Tags, Variablen, Daten-Layer, wie wir in der neuen Version haben. Hier gibt es auch die Google-Tag-Manager-ID. Und wenn Sie auf ein bestimmtes Ereignis klicken, sehen Sie alle Tags, die ausgelöst wurden, und alle Tags, die nicht. Es gibt keinen großen visuellen Unterschied, also sollten Sie in der Lage sein, es einfach in Ordnung zu navigieren. Jetzt gehen wir zurück zu unserem Tag-Manager, wo wir unsere erste Version erstellen und veröffentlichen. 17. Facebook: Werfen wir jetzt einen Blick, wie Facebook-Pixel mit Hilfe von Google-Tag-Manager zu installieren. Es gibt mehrere Gründe, warum Sie Facebook-Pixel installieren möchten. Für einmal wenn Sie Facebook-Werbung machen, sollten Sie es wirklich installiert haben, weil es Ihnen erlaubt die Conversions zu verfolgen. Sie werden in der Lage sein, Remarketing zu tun und auch, Facebook lernt aus dem Verkehr und von den Menschen, die auf Ihre Website kommen. Und wir geben Ihnen Vorschläge, wie Sie Ihre Anzeigen verbessern können. Außerdem hat Facebook ein leistungsfähiges Analyse-Tool entwickelt, das Benutzerverhalten, Demografie und all die Dinge, die mit ihren Nutzern verbunden sind, verfolgt . Welche Sie nutzen können, um Ihre Zielgruppe besser zu verstehen. Ok. Also lasst uns anfangen. Als erstes werden Sie feststellen, dass ich immer noch im Vorschaumodus bin und wir werden den Vorschaumodus verwenden, um alle Tags von nun an zu überprüfen und zu debuggen. Lassen Sie uns zuerst ein Facebook-Tag erstellen. Gehen wir in die Tag-Konfiguration. Und bald werden Sie sehen, dass es keinen Facebook-Tag-Typ zur Auswahl gibt. Wir können sogar danach suchen und Sie werden sehen, dass es keinen Facebook-Tag-Typ gibt. Nun, was können wir dann tun? Lassen Sie uns zuerst überprüfen, ob Facebook eine Lösung für uns hat. Also lassen Sie uns zu unserem Facebook-Business Manager gehen, und ich nehme an, Sie haben es bereits eingerichtet und Sie wissen also lassen Sie uns zu unserem Facebook-Business Manager gehen, und ich nehme an, Sie wissen bereits, wie man es benutzt . Gehen wir also unter den Event-Manager. Und im Drop-down-Menü „Ereignisse hinzufügen“ unter „von einer neuen Website“ finden Sie verschiedene Möglichkeiten, Ihr Pixel einzurichten. Sie können entweder eine Partnerintegration verwenden. Und sie haben bereits viele Partner. Google-Tag-Manager enthalten. Oder Sie können den Code verwenden, den wir in nur einer Sekunde auschecken werden. Ich würde nicht vorschlagen, Google Tag Manager auf diese Weise zu verwenden, da Facebook erfordert, dass Sie sich mit Ihrem Google Tag Manager verbinden und sie werden automatisch ein Tag für Sie erstellen und auch Ihren Container veröffentlichen. Beachten Sie, wenn Sie sich auf diese Weise entscheiden, dass Sie alle Versionen Ihres Containers gespeichert haben und keine Tags haben, die sich möglicherweise noch in der Entwicklung befinden. Aber es gibt auch einen anderen Grund. Sobald Sie das auf diese Weise tun, ist es wie eine Blackbox Sie nicht wissen, was los ist. Sie haben nicht viele Optionen, um Ihre Pixel auf unterschiedliche Weise einzurichten. Deshalb überprüfen wir, wie man es manuell einrichtet. Gehen wir also erneut zu „Ereignisse hinzufügen“ von einer neuen Website und installieren Sie den Code manuell. Sie gelangen zu dieser Seite, wo Sie einen Ausschnitt von Facebook-Pixel-Code sehen. Sie können diesen Vorgang auch fortsetzen und einige erweiterte Zuordnungsattributionen aktivieren. Und am Ende können Sie auch benutzerdefinierte Ereignisse hinzufügen. Worüber in einer anderen Lektion sprechen wird. Aber vorerst haben wir die Codes kopiert. Und gehen wir zurück zum Google-Tag-Manager. In diesem Moment möchte ich nur erwähnen, dass Sie, wenn Sie Ihren Dienst oder Ihr Produkt, das Sie im Google Tag-Manager importieren möchten, nicht unter den hier aufgeführten Tag-Typen finden , einfach benutzerdefiniertes HTML verwenden und den Scrip auf diese Weise einfügen können . Lassen Sie uns darauf klicken und Sie werden sehen, dass wir nur mit einer riesigen Form präsentiert werden, in der wir diesen Facebook-Pixel-Code einfügen können . Ähnlich wie Google Tag Manager Code Facebook Pixel Code wird aus zwei Teilen zusammengesetzt. Der Skriptteil und kein Skriptteil. Und wieder wird der No-Skript-Teil für alle Browser verwendet, die keine Ausführung von JavaScript zulassen. Wenn wir es einfach in diesem benutzerdefinierten HTML-Container belassen, der von JavaScript ausgeführt wird. Der zweite Teil wird keine Wirkung haben. So können wir es grundsätzlich einfach entfernen oder wir können es separat mit Hilfe eines Image-Tags installieren. Also werden wir das tun. Aber zuerst müssen wir es aus diesem Code entfernen. Also lassen Sie es uns einfach zuerst kopieren. Nur diesen Teil und löschen Sie ihn dann. Oder Sie können es auch schneiden. Und im Moment werden wir es einfach irgendwo im Notizblock aufbewahren. Lassen Sie uns das Einrichten dieses Facebook-Pixelcodes zuerst beenden und wir werden in nur einer Sekunde zum Bild-Tag zurückkehren . Ich möchte nur kurz einige der Details des Codes erklären, den Sie gerade betrachten. Was dieser Code tut lädt es Facebook-Bibliothek und löst ein Seitenansicht-Ereignis aus. Sie können sehen, dass die Ereignisse durch diesen Abschnitt ausgelöst werden, und alles darüber, was im Grunde liegt, lädt die Bibliothek und initiiert sie. Sie können diese Tracking-Teile entfernen und in einem separaten Tag einfügen damit Sie besser kontrollieren können, wann dieses Ereignis ausgelöst wird, als wenn das Skript geladen wird. Aber ich werde das nicht tun. Ich werde jedoch in die erweiterten Einstellungen gehen und ich werde einige weitere Parameter einstellen, denn später im Kurs werden wir auch einige spezielle Facebook-Events auslösen. Wir möchten sicherstellen, dass die Bibliothek zuerst geladen wird. Und wie wir dies erreichen können, ist, indem wir eine Tag-Feuerpriorität einrichten. Eine Tag-Auslöserpriorität definiert im Grunde, in welcher Reihenfolge die Tags ausgelöst werden. Sie können hier eine Zahl von Null nach oben eingeben. Null ist die Basislinie, wenn alle Ereignisse ausgelöst werden. Also müssen wir eine Zahl größer als Null wählen. Zu diesem Zweck werde ich eine Nummer 100 verwenden. Diese Nummer wird uns versichern, dass dieser Code vor jedem Tag mit einer niedrigeren Zahl ausgelöst wird, die derzeit alle Tags sind. Wenn wir also einige andere Facebook-Tags einrichten , müssen wir nur sicherstellen, dass ihre Zahl niedriger als 100 ist. OK, lassen Sie uns dieses Tag erneut auf allen Seiten auslösen, da wir möchten, dass unsere Facebook-Seitenansicht auf allen Seiten ausgelöst wird. Lassen Sie uns einfach dieses Tag nennen und speichern Sie es. Nun, lassen Sie uns die keine Skript-Teile von Facebook Tracking hinzufügen. Sie können diesen Teil grundsätzlich überspringen und getan werden, wenn Sie mit nur Tracking-Browsern mit aktiviertem JavaScript zufrieden sind . Ich möchte Ihnen nur zeigen, wie Sie es tun können, wenn Sie auch detailliertere Analysen in Facebook haben möchten . Zu diesem Zweck benötigen wir ein benutzerdefiniertes Bild-Tag dann müssen wir die Bild-URL eingeben. . Also im Grunde, was dieses Tag tut, ist ein kleines Bild auf Ihrer Website zu erstellen, das geladen wird, unabhängig davon ob das JavaScript aktiviert ist oder nicht. Und da Facebook uns keinen Script-Teil gegeben hat, müssen wir nur sicherstellen, dass wir die Bild-URL kopieren. Wenn Sie mit HTML überhaupt nicht vertraut sind. Denken Sie daran, dass dieser Quellteil zwischen den Anführungszeichen das Bild ist, und wir müssen alles zwischen diesen Anführungszeichen kopieren . Und wir werden es hier einfügen. Jetzt müssen wir einen Trigger einrichten, wo dieses Tag gefeuert wird. Da wir bereits unser Facebook-Pixel auf allen Seiten laufen können wir nicht alle Seiten für dieses Tag wieder verwenden, denn wenn wir das tun, werden alle Browser, die JavaScript aktiviert haben , zwei Facebook-Pixel auslösen. Aus diesem Grund müssen wir einen neuen Trigger erstellen. Und lasst uns das jetzt machen. OK, so haben wir verschiedene Trigger-Konfigurationsoptionen, wenn wir auf Trigger-Konfiguration klicken können Sie mehrere Trigger sehen wir für unseren Zweck verwenden können. Wir möchten immer noch, dass dieser Trigger für alle Seitenaufrufe ausgelöst wird, aber nur, wenn JavaScript deaktiviert war. Zu diesem Zweck werden wir immer noch Seitenansicht, Triggertyp verwenden, aber wir werden es nicht bei allen Seitenansichten auslösen , nur bei einigen Seitenansichten. Und hier bekommen wir eine Art wie ein Filterparameter. Derzeit haben wir keine Variablen, die uns sagen, ob JavaScript läuft oder nicht, also müssen wir auch eine neue Variable dafür erstellen. Lassen Sie uns einfach eine neue Variable erstellen. Leider haben wir keine Variablentypen, die erkennen würden, ob JavaScript aktiviert ist oder nicht so dass wir eine benutzerdefinierte Variable erstellen müssen. Wir werden benutzerdefinierte JavaScript-Variable verwenden. Ich weiß ich verspreche dir, wir werden nichts programmieren. Aber leider gibt es keinen anderen Weg um das herum. Aber das ist super einfach und Sie können diesen Code in den Ressourcen finden. Dies ist alles, was wir tun müssen, eine Funktion einrichten, die „true“ zurückgibt, wenn JavaScript aktiviert ist. Wenn JavaScript nicht aktiviert ist, wird dies nicht ausgeführt und es wird nichts passieren. Und wir werden diese Variable nennen. Speichern wir diese Variable. Und sofort haben wir es in unserem Filter ausgewählt. Und jetzt müssen wir nur überprüfen, dass diese Variable keinen Wert „true“ enthält. Wenn diese Variable von JavaScript ausgeführt wird, wird es den Wert „true“ zurückgeben. . Wir stellen sicher, dass wir diesen Trigger nur ausführen, wenn diese Variable NICHT „wahr“ ist. Also im Grunde, wenn JavaScript nicht läuft, werden wir diesen Trigger setzen. Nennen wir einfach den Auslöser. Und speichern Sie es. Unser Trigger wurde ausgewählt und dieses Tag wird auf allen Seiten ausgeführt, wenn JavaScript deaktiviert ist. Lassen Sie uns dieses Tag benennen und speichern Sie es. Wir haben ein neues Facebook-Seitenansicht-Tag für alle Browser erstellt, die JavaScript aktiviert haben. Wir haben auch ein benutzerdefiniertes Facebook-Bildverfolgungspixel für alle Browser erstellt, die JavaScript deaktiviert haben . Wir haben auch einen Trigger für dieses Tag und eine spezielle Variable erstellt, die uns mitteilt, ob JavaScript aktiviert ist oder nicht. Lassen Sie uns also unseren Tag-Manager aktualisieren und es auf unserer Website überprüfen. Lassen Sie uns auch unsere Website aktualisieren. Und wie Sie sehen können, wurde unser Facebook-Seiten-View-Tag erfolgreich abgefeuert. Und wir, wenn wir ein wenig tiefer scrollen, können wir sehen, dass unser Facebook-Bild-Tracking-Pixel nicht ausgelöst wurde, weil wir JavaScript aktiviert haben. Wir können auch überprüfen, dieses Pixel funktioniert, indem wir Facebook Pixel Helfer überprüfen. Wir können sehen, dass unsere Seitenansicht ausgelöst wurde und wir können sie erweitern, um einige weitere Details zu diesem Ereignis zu sehen , und wir können auch in unserem Business Manager überprüfen, dass alles korrekt funktioniert und die Seite aktualisieren . . Wir können sofort sehen, dass unser Tracking jetzt funktioniert. Aber wir können auch unter die Testereignisse gehen und wir werden sehen , dass das Seitenansicht-Ereignis gerade ausgelöst wurde. Wenn wir zurück zu unserer Website und aktualisieren Sie es erneut. Und gehen Sie zurück zu Facebook-Pixel, wir sollten eine andere Seitenansicht registriert sehen. Wenn Sie nun testen möchten, dass keine Skriptversion auch keine Skriptversionfunktioniert können Sie einfach JavaScript in Ihrem Browser deaktivieren, Ihre Website erneut aktualisieren und sehen, ob die Seitenansicht hier registriert ist. Grundsätzlich sind wir damit fertig und wir können zurück zum Google Tag Manager gehen, eine neue Version erstellen und sie auf unserer Website veröffentlichen. 18. Tag kopieren: Sobald Sie alle Ihre wesentlichen Skripte, Tags und Trigger eingerichtet haben, könnten Sie im Grunde eine Art wie die Basisdatei tun , die Sie für alle Ihre zukünftigen Projekte verwenden werden. Wenn Sie einen Tag-Plan erstellt haben, wie wir in Best Practices beschrieben haben, wissen Sie wahrscheinlich, welche der Tags, Trigger und Variablen in diese Kategorie fallen. Also, wie kannst du das tun? Sie können im Grunde unter den Exportcontainer gehen, in dem Sie Ihre Version oder Ihren Arbeitsbereich auswählen und beliebige Version aus der Vergangenheit oder nur den Standard-Arbeitsbereich auswählen, und Sie können sie einfach in die Datei exportieren. Wenn Sie dann einen neuen Container haben, können Sie einfach unter den Importcontainer gehen, die importierte Datei auswählen und Sie werden von dieser Baseline beginnen. Natürlich müssen Sie einige der Variablen ändern. Zum Beispiel für Google Analytics oder Facebook-Pixel und einige andere, aber Sie erhalten einen guten Ausgangspunkt , von dem Sie dann in erweiterte Tags erweitern können. Die andere Sache, die ich Ihnen zeigen möchte, ist GTM Copy Paste Browser-Plugin, das ich es zu Beginn dieses Kurses vorgeschlagen habe . Es wird Ihnen erheblich helfen, wenn Sie mehrere Konten verwalten und ein bestimmtes Tag kopieren oder auslösen möchten, vielleicht sogar eine Variable von einem Container in einen anderen. Oder wenn Sie bestimmte Tags haben, die etwas komplexer sind oder vielleicht einige Trigger, die Sie duplizieren möchten. Sie können es auch im selben Behälter tun. Wie Sie auf dieses Plugin zugreifen, ist einfach per Rechtsklick dann klicken Sie auf das GTM Copy Paste Plugin. Da ich es noch nicht autorisiert habe, werde ich das jetzt tun. Nachdem Sie es autorisiert können Sie es kopieren und einfügen, wo immer Sie wollen. Also, zum Beispiel, wenn ich dieses benutzerdefinierte Facebook-Bild-Tracking-Pixel in einen anderen Container kopieren möchte ich es im Grunde einfach zu GTM Copy and Paste hinzu. Wenn ich das mache, können Sie sehen, dass es im Plugin eines zeigt. Und wenn ich auf das Plugin klicke, können Sie sehen, dass ich dieses Tag unter meinen Tags aufgeführt habe. Ich kann das Gleiche für Auslöser tun. Dann kopieren Sie einfach eins. Und natürlich auch für Variablen. Lassen Sie uns kopieren „wenn JavaScript aktiviert ist“, so dass wir diesen Code nicht erneut kopieren müssen. Jetzt sehen Sie, ich habe 1 Tag, 1 Trigger und 1 Variable kopiert, und ich könnte sie direkt in diesen Container einfügen , was sie im Grunde duplizieren würde und am Ende des Namens „-copy“ hinzufügen würde. Oder wenn ich zu einem anderen Container umschalte kann ich sie einfach hier einfügen. Und nachdem es erledigt ist, wird es Ihren Google-Tag-Manager aktualisieren. Sie können entweder die Zwischenablage zurücksetzen und alle diese Elemente darin löschen, oder Sie können sie auch in einen anderen Container kopieren . Wie Sie in diesem neuen Container sehen haben wir alle diese Elemente eingefügt. Also ein Tag, ein Trigger und eine Variable. Und ich könnte diesen Container einfach speichern, veröffentlichen oder diese Variable in etwas anderes ändern. 19. Fehlerbehebung: der letzten Lektion möchte ich nur über die Fehlerbehebung einiger der häufigsten Probleme sprechen, die beim Einrichten eines Google-Tag-Managers auftreten könnten oder irgendwann in der Zukunft damit arbeiten. Wie wir in einer der vorherigen Lektionen gesehen haben, könnten Sie einige der Probleme überprüfen, mit dem Google-Tag-Assistenten , da es Ihnen einige Details über bestimmte Tags geben, die nicht ausgelöst werden. Wir hatten ein Problem, bei dem das Remarketing-Tag von Google Ads nicht ausgelöst wurde, weil unser Werbeblocker eingeschaltet war . Sie können alle diese Plugins verwenden, um Ihnen zu helfen, einige der Probleme zu beheben, die mit den ausgelösten Tags auftreten. Das nächste, was wirklich wichtig ist, ist, zum Beispiel den gleichen Browser zu verwenden. Derzeit betreibe ich Google Tag Manager und unseren Shop im gleichen Chrome-Browser. Aber wenn ich die gleiche Seite zum Beispiel in Firefox öffne, werden Sie sehen, dass ich den Debugger nicht mehr sehe. Da der Google-Tag-Manager JavaScript-basiert ist und nur im selben Browser ausgeführt wird. Dasselbe gilt für private Fenster. Wenn ich den gleichen Shop in Google Chrome öffne, aber in einem privaten Fenster, sehen Sie das wieder. Ich sehe keinen Debugger unten. Wenn Sie also Probleme beim Ausführen des Debuggers haben oder Ihre Tags nicht ordnungsgemäß ausgeführt werden, überprüfen Sie zuerst, ob Sie sie im selben Browser ausführen, dass Sie sie nicht im privaten Fenster und das andere im regulären Fenster ausführen. Auch, wenn Sie in Ihren Einstellungen deaktiviert Drittanbieter-Cookies, dann werden wir Tag Manager Debugger wird nicht funktionieren. Ich kann es Ihnen zeigen, indem ich sie blockiere und die Seite aktualisiere. Und Sie werden sehen, dass wir im Grunde verschwinden werden. Stellen Sie also sicher, dass Sie Cookies von Drittanbietern zulassen und alles, was Sie überprüfen können, ist natürlich, dass Sie die richtige Container-ID ausführen. Überprüfen Sie also Ihre Container-ID auf Ihrer Website. Sie können es im Debugging-Fenster überprüfen, wenn Sie es aktiviert haben, oder indem Sie den Google-Tag-Assistenten verwenden. Sie können die gleiche Container-ID hier sehen. Dies ist eines der häufigsten Probleme, wenn Sie mehrere Konten haben, dass Sie versehentlich den falschen Container auf Ihrer Website installieren. Und dies ist ein einfacher Weg , um zu überprüfen, ob alles korrekt läuft. Eines der Dinge, die Sie auch überprüfen sollten, ist, dass Sie eine Vorschau des richtigen Containers anzeigen. Zum Beispiel haben wir gerade jetzt überprüft , dass der richtige Container auf der Website ausgeführt wird. Aber Sie könnten sich im Vorschaumodus in einem anderen Container befinden und Sie würden denken, dass nichts korrekt funktioniert und dass Sie das Debugging-Fenster nicht sehen, wenn Sie tatsächlich eine Vorschau des falschen Containers anzeigen . Eine Sache, die ich bereits erwähne, ist, dass, wenn Sie eine Art Tag-Injektor verwenden, das ist, wenn Sie den GTM-Container einfügen, den Sie die richtige Container-ID eingefügt haben und dass es keine Leerzeichen oder seltsame Zeichen vor oder am Ende. Wenn Sie ständig Probleme haben, wenn das Debugging-Fenster nicht korrekt angezeigt wird, dauert etwas zu lange, um es anzuzeigen oder einige andere Probleme. Was Sie tun könnten, ist eine harte Aktualisierung der Website. In Chrome Sie können einfach „Strg+F5" oder im Firefox „Strg+R“ drücken. Dies wird im Grunde den gesamten Cache löschen und die Seite von Grund auf neu aktualisieren. Deaktivieren Sie auch Ihren Werbeblocker, dies könnte helfen oder löschen Sie Cookies. Sie könnten Cookies löschen, indem Sie „Strg+Umschalt+Löschen“ auf Ihren Tastaturen drücken und Sie erhalten dieses Pop-up , wo Sie den Browserverlauf und zwischengespeicherte Bilder löschen können. Sie können diese Option einfach deaktivieren und nur Cookies und andere Website-Daten löschen. Dadurch werden alle Cookies und Websitedaten gelöscht. Wenn Sie es nur für Ihre Website löschen möchten, können Sie „F12" drücken, unter die Anwendung gehen und Websitedaten löschen, alles deaktivieren, was Sie nicht löschen möchten. Und vielleicht einfach nur die Kekse und den Cache löschen. Klären Sie es. Aktualisieren Sie die Website und Sie werden sehen, ob es funktioniert. Wenn keiner dieser Schritte funktioniert , können Sie natürlich Browser-Plugins deaktivieren. Vielleicht stören einige Plugins den Google-Tag-Manager oder Sie können ein neues privates Fenster öffnen. Melden Sie sich dort im Google Tag Manager an und testen Sie Ihren Shop dort. Stellen Sie einfach sicher, dass alles innerhalb des privaten Fensters läuft. Noch einen Zettel hier. Dies funktioniert nicht, wenn Sie Firefox verwenden, da Firefox den Google-Tag-Manager im privaten Modus blockiert. Testen Sie dies also nur in Chrome. Nun, manchmal wird keiner dieser Tipps helfen. Und es ist nur vielleicht, weil es einige tiefere technische Probleme. Ihre Seite oder Ihr Google-Tag-Manager-Code wird möglicherweise irgendwo anders in einem Content-Delivery-Netzwerk zwischengespeichert. . Und in diesem Fall ist es am besten, nur Ihren Entwickler zu kontaktieren und ihn zu bitten, Ihnen bei der Lösung dieser Probleme zu helfen. Ich habe all diese Schritte zusammengestellt, was Sie zuerst in einem Dokument tun sollten , das Sie unter den Ressourcen finden. So können Sie es herunterladen und eine Art Checkliste haben, die Sie überprüfen können, wenn Sie Probleme haben 20. Die Aufarbeitung: Herzlichen Glückwunsch, Sie haben es bis zum Ende dieses Kurses geschafft! Wie Sie gesehen haben, gibt es viele verschiedene Dinge, für die Sie Google Tag Manager verwenden können. Ich hoffe aufrichtig, dass diese Lektionen Ihnen bei Ihren Marketingaktivitäten helfen werden. Ich habe diesen Kurs als Plattform eingerichtet, auf der ich in Zukunft aufbauen werde. So können Sie erwarten, dass in den kommenden Monaten neue Lektionen zu sehen. Wenn Sie irgendwelche Ideen zu den Themen haben, die Sie möchten, dass ich abdecken. Bitte lassen Sie es mich wissen. Auch wenn Sie Kommentare oder Vorschläge haben, wie ich diesen Kurs verbessern kann, würde ich mich freuen, sie zu hören. Jedes Feedback, das Sie mir geben, hilft mir, diesen Kurs für andere Schüler zu verbessern. Also haben Sie keine Angst, mir zu sagen, was Sie mochten und vor allem, was Sie nicht getan haben. Wenn Sie jemanden kennen, der Google Tag Manager lernen möchte, teilen Sie diesen Kurs bitte mit. Und wenn Sie es hilfreich fanden, zögern Sie nicht, es zu bewerten und eine Bewertung zu hinterlassen. Danke nochmals, dass du bei mir geblieben bist. Und viel Glück in Ihren zukünftigen Bemühungen.