Analytics-Implementierung in einer Entwicklungsumgebung bereitstellen
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.
- Melden Sie sich mit Ihren Adobe ID-Anmeldeinformationen bei der Adobe Experience Platform-Datenerfassung an.
- Klicken Sie auf die Tag-Eigenschaft, die Sie auf Ihrer Site implementieren möchten.
- Klicken Sie auf Hosts und dann auf Host hinzufügen.
- Benennen Sie ihn mit "
"Adobe managed""und wählen Sie "Verwaltet von Adobe"in der Typ-Dropdownliste aus. Klicken Sie auf „Speichern“. - Navigieren Sie zu Umgebungen und klicken Sie dann auf Umgebung hinzufügen.
- Wählen Sie Entwicklung aus, geben Sie ihr den Namen
"Dev Environment"und wählen Sie dann den vom Adobe verwalteten Host aus der Dropdownliste aus. Klicken Sie auf Speichern. - Ein modales Fenster mit Anweisungen zur Web-Installation wird angezeigt. Wir kehren zu einem späteren Zeitpunkt zu diesem Fenster zurück. Klicken Sie zunächst auf Schließen .
- Klicken Sie auf "Umgebung hinzufügen", wählen Sie "Staging", geben Sie ihr den Namen "
"Staging Environment""ein und wählen Sie dann den vom Adobe verwalteten Host aus. Klicken Sie auf Erstellen und schließen Sie dann das modale Fenster mit den Installationsanweisungen. - Klicken Sie erneut auf Umgebung hinzufügen , wählen Sie Produktion, geben Sie ihr den Namen
"Production Environment"und wählen Sie dann den vom Adobe verwalteten Host aus. Klicken Sie auf 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.
- Melden Sie sich mit Ihren Adobe ID-Anmeldeinformationen bei der Adobe Experience Platform-Datenerfassung an.
- Klicken Sie auf die Tag-Eigenschaft, die Sie auf Ihrer Site implementieren möchten.
- Klicken Sie auf die Registerkarte Veröffentlichungsfluss und dann auf Bibliothek hinzufügen. Weitere Informationen zu dieser Seite finden Sie unter Veröffentlichungsübersicht in der Dokumentation zu Tags .
- Benennen Sie die Bibliothek mit "
'Initial changes'"und wählen Sie Ihre Entwicklungsumgebung aus. - Klicken Sie auf "Alle geänderten Ressourcen hinzufügen"", in dem Adobe Analytics, der Identitätsdienst und der Core automatisch aufgeführt werden.
- Klicken Sie auf Speichern.
- Klicken Sie im Bildschirm des Veröffentlichungs-Workflows auf die Dropdownliste 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.
- Navigieren Sie zu Umgebungen und klicken Sie dann auf das Installationssymbol rechts neben Ihrer Entwicklungsumgebung. Durch diese Aktion wird das modale Fenster Web-Installationsanweisungen erneut angezeigt.
- Kopieren Sie die Codeblöcke und stellen Sie sie den Website-Eigentümern Ihrer Organisation zur Verfügung.
Installieren von Tags in der Entwicklungsumgebung Ihrer Website
Wenn Sie den Code Ihrer Website steuern, implementieren Sie die einzelnen Codeblöcke an ihrem jeweiligen Speicherort:
- Das Haupt-Tag gehört zum Tag
<head>auf Ihrer Site. - Wenn Sie Tags synchron laden möchten, müssen Sie auch einen zweiten Codeblock direkt unterhalb des schließenden
</body>-Tags 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 übergreifenden 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.
Nächste Schritte
Validieren Sie Ihre Analytics-Implementierung und veröffentlichen Sie sie für die Produktion: Mehrwert schaffen mit Adobe Analytics.