Analytics-Implementierung in einer Entwicklungsumgebung bereitstellen

Letzte Aktualisierung: 31. Dezember 2024
  • Themen:

Erstellt für:

  • Admin
  • Entwickler

Nachdem Sie eine Tag-Eigenschaft erstellt und konfiguriert haben, können die Bibliotheken bereitgestellt und Code auf Ihrer Site implementiert werden.

Voraussetzungen

Erstellen und konfigurieren einer Tag-Eigenschaft für Adobe Analytics: Greifen Sie auf das Werkzeug zu und erstellen Sie einen Raum für Ihre Analytics-Implementierung.

Erstellen von Adaptern und Umgebungen

Tags ermöglichen durch die Bereitstellung von Code zahlreiche betriebliche Arbeitsabläufe. Führen Sie die folgenden Schritte aus, um die erforderlichen Mindestkomponenten für eine Analytics-Implementierung zu erstellen. Als Tag-Administrator können Sie innerhalb Ihres Unternehmens den richtigen Arbeitsablauf für die Bereitstellung von Adobe-Lösungen einrichten.

  1. Melden Sie sich mit Ihren Adobe ID-Anmeldeinformationen bei der Adobe Experience Platform-Datenerfassung an.
  2. Klicken Sie auf die Tag-Eigenschaft, die Sie auf Ihrer Site implementieren möchten.
  3. Klicken Sie auf Hosts und dann auf Host hinzufügen.
  4. Benennen Sie ihn "Adobe managed" und wählen Sie Verwaltet von Adobe in der Dropdown-Liste Typ aus. Klicken Sie auf „Speichern“.
  5. Navigieren Sie zu Umgebungen und klicken Sie dann auf Umgebung hinzufügen.
  6. Wählen Sie Entwicklung, benennen Sie es "Dev Environment", und wählen Sie dann den verwalteten Adobe-Host aus der Dropdown-Liste aus. Klicken Sie auf Speichern.
  7. Ein modales Fenster mit Web-Installationsanweisungen wird angezeigt. Wir werden zu einem späteren Zeitpunkt zu diesem Fenster zurückkehren. Klicken Sie auf.
  8. Klicken Sie auf Umgebung hinzufügen, wählen Sie Staging aus, benennen Sie sie "Staging Environment" und wählen Sie dann den von Adobe verwalteten Host aus. Klicken Sie Erstellen und schließen Sie dann das modale Fenster mit den Installationsanweisungen.
  9. Klicken Sie erneut Umgebung hinzufügen, wählen Sie Produktion, nennen Sie es "Production Environment" und wählen Sie dann den verwalteten Adobe-Host aus. Klicken Sie Erstellen und schließen Sie dann das modale Fenster mit den Installationsanweisungen.

Erstellen einer Dev-Bibliothek

Trotz aller bisherigen Änderungen und Konfigurationen wurde kein Code veröffentlicht. Wenn Sie eine Bibliothek erstellen, also eine Sammlung von Änderungen, können Sie Code auf Ihrer Website veröffentlichen.

  1. Melden Sie sich mit Ihren Adobe ID-Anmeldeinformationen bei der Adobe Experience Platform-Datenerfassung an.
  2. Klicken Sie auf die Tag-Eigenschaft, die Sie auf Ihrer Site implementieren möchten.
  3. Klicken Sie auf die Veröffentlichungsfluss und dann auf Bibliothek hinzufügen. Weitere Informationen dieser Seite finden Sieder Tags-Dokumentation unter „Publishing-Übersicht“.
  4. Benennen Sie die 'Initial changes' und wählen Sie Ihre Entwicklungsumgebung aus.
  5. Klicken Sie Alle geänderten Ressourcen hinzufügen, wodurch Adobe Analytics, Identity Service und Core automatisch aufgelistet werden.
  6. Klicken Sie auf Speichern.
  7. Klicken Sie auf dem Bildschirm Veröffentlichungs-Workflow auf die Dropdown-Liste neben Ihrer neuen Bibliothek und klicken Sie auf Für Entwicklung erstellen. Nach einigen Sekunden wird der gelbe Punkt in der Bibliothek grün, was darauf hinweist, dass der Build erfolgreich war.
  8. Navigieren Sie Umgebungen und klicken Sie dann auf das Installationssymbol rechts neben Ihrer Entwicklungsumgebung. Durch diese Aktion wird das modale Fenster Web-Installationsanweisungen erneut angezeigt.
  9. Kopieren Sie die Code-Blöcke und stellen Sie sie den Besitzern der Website Ihres Unternehmens zur Verfügung.

Installieren von Tags in der Entwicklungsumgebung Ihrer Website

Wenn Sie den Code Ihrer Website steuern, implementieren Sie jeden Codeblock an seinem jeweiligen Speicherort:

  • Das Haupt-Tag gehört zum <head>-Tag auf Ihrer Site.
  • Wenn Sie Tags synchron laden möchten, müssen Sie auch einen zweiten Code-Block direkt unter dem schließenden </body>-Tag auf Ihrer Site einfügen. Sie können Bibliotheks-Tags synchron laden, indem Sie in den Web Installationsanweisungen die Option „Bibliothek asynchron laden aktivieren.

Tag-Code wird normalerweise in der übergeordneten Vorlage der Site platziert. Eine leere Seite, die nur Implementierungscode enthält, würde wie folgt aussehen:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example page</title>
  <script src="//assets.adobedtm.com/launch-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-development.min.js"></script>
</head>
<body>
   <p>This is a test page.</p>
   <!-- Only include this extra code if you load tags synchronously -->
   <script type="text/javascript">_satellite.pageBottom();</script>
</body>
</html>

Fehlerbehebung

Der Build-Versuch schlägt fehl.

Ein häufiger Grund dafür ist, dass Elemente bereits in anderen Bibliotheken vorhanden sind, die in die Staging- oder Produktionsumgebung verschoben werden. Stellen Sie beim Erstellen von Bibliotheken sicher, dass der Bibliothek nur geänderte Ressourcen hinzugefügt werden.