Wechseln von Tag-Umgebungen mit dem Experience Cloud Debugger

In dieser Lektion verwenden Sie die Erweiterung Adobe Experience Platform Debuggerum die Tag-Eigenschaft auf der Demo-Site Luma“ hartcodiertIhre eigene Eigenschaft zu ersetzen.

Diese Technik wird als Umgebungsumschaltung bezeichnet und ist später hilfreich, wenn Sie auf Ihrer eigenen Website mit Tags arbeiten. Sie können Ihre Produktions-Website in Ihrem Browser laden, jedoch mit Ihrer Entwicklungs-). Auf diese Weise können Sie Tag-Änderungen unabhängig von Ihren regulären Code-Versionen sicher vornehmen und validieren. Schließlich ist diese Trennung der Marketing-Tag-Versionen von Ihren regulären Code-Versionen einer der Hauptgründe, warum Kunden Tags überhaupt verwenden!

NOTE
Adobe Experience Platform Launch wird als eine Suite von Datenerfassungstechnologien in Adobe Experience Platform integriert. In der Benutzeroberfläche wurden mehrere terminologische Änderungen eingeführt, die Sie bei der Verwendung dieses Inhalts beachten sollten:

Lernziele

Am Ende dieser Lektion können Sie:

  • Verwenden des Debuggers zum Laden einer alternativen Tag-Umgebung
  • Verwenden Sie den Debugger, um zu überprüfen, ob Sie eine alternative Tag-Umgebung geladen haben

Abrufen der URL Ihrer Entwicklungsumgebung

  1. Öffnen Sie in Ihrer Tag-Eigenschaft die Environments

  2. Klicken Sie in Zeile Entwicklung“ auf das Symbol „Installieren , das Modal zu öffnen

  3. Klicken Sie auf das Kopiersymbol Kopiersymbol , um den Einbettungscode in die Zwischenablage zu kopieren.

  4. Klicken Sie auf Schließen, um das Modal zu schließen

    Installationssymbol

Ersetzen Sie die Tag-URL auf der Demo-Site von Luma

  1. Öffnen Sie die Demosite „Luma“ in Ihrem Chrome-Browser.

  2. Öffnen Sie die Erweiterung Experience Platform Debugger indem Sie auf das Symbol Debugger-Symbol klicken

    Klicken Sie auf das Debugger-Symbol

  3. Beachten Sie, dass die aktuell implementierte Tag-Eigenschaft auf der Registerkarte Zusammenfassung angezeigt wird

    Die Tag-Umgebung wird im Debugger angezeigt

  4. Navigieren Sie zur Registerkarte „Tools“.

  5. Scrollen Sie zum Abschnitt Launch-Einbettungs-Code ersetzen

  6. Stellen Sie sicher, dass die Registerkarte Chrome mit der Luma-Site hinter dem Debugger im Fokus ist (nicht die Registerkarte mit diesem Tutorial oder die Registerkarte mit der Datenerfassungsoberfläche). Fügen Sie den Einbettungscode aus der Zwischenablage in das Eingabefeld ein.

  7. Schalten Sie die Funktion „Apply across luma.enablementadobe.com“ ein, damit alle Seiten auf der Luma-Site Ihrer Tag-Eigenschaft zugeordnet werden

  8. Klicken Sie auf die Schaltfläche Speichern

    Die Tag-Umgebung wird im Debugger angezeigt

  9. Laden Sie die Site „Luma“ neu und überprüfen Sie die Registerkarte „Zusammenfassung“ des Debuggers. Im Launch-Abschnitt sollte angezeigt werden, dass Ihre Entwicklungseigenschaft verwendet wird. Vergewissern Sie sich, dass der Name der Eigenschaft richtig ist und dass die Umgebung die Bezeichnung „Entwicklung“ aufweist.

    Die Tag-Umgebung wird im Debugger angezeigt

NOTE
Der Debugger speichert diese Konfiguration und ersetzt die Tag-Einbettungs-Codes, wenn Sie zur Luma-Site zurückkehren. Dies hat keine Auswirkungen auf andere Sites, die Sie auf anderen Registerkarten besuchen. Um zu verhindern, dass der Debugger den Einbettungs-Code ersetzt, klicken Sie auf die Schaltfläche Entfernen neben dem Einbettungs-Code auf der Registerkarte Tools des Debuggers.

Während Sie mit dem Tutorial fortfahren, verwenden Sie diese Methode, um die Luma-Site Ihrer eigenen Tag-Eigenschaft zuzuordnen, um Ihre Tag-Implementierung zu validieren. Wenn Sie mit der Verwendung von Tags auf Ihrer Produktions-Website beginnen, können Sie dieselbe Technik verwenden, um Änderungen zu validieren.

Weiter "Adobe Experience Platform Identity Service hinzufügen“ >

recommendation-more-help
45774420-d03e-4a6b-94b5-cd639ae825b2