[Integratie]{class="badge positive"}
Tags gebruiken via Adobe Developer Console
[AEM Sites 6.5]{class="badge informative"}
Vereisten
-
AEM auteur en publiceer instantielopend op localhost haven 4502 en 4503
-
Experience Cloud
-
Toegang tot uw organisaties Adobe Experience Cloud -
https://<yourcompany>.experiencecloud.adobe.com -
Experience Cloud met de volgende oplossingen
note note NOTE U moet over de juiste machtigingen beschikken om omgevingen in gegevensverzameling te ontwikkelen, goed te keuren, te Publish, te beheren en te beheren. Als u geen van deze stappen kunt uitvoeren omdat de gebruikersinterfaceopties niet beschikbaar zijn, vraagt u de beheerder van het Experience Cloud om toegang. Voor meer informatie over markeringen toestemmingen, zie de documentatie.
-
-
browser van Chrome uitbreidingen
- Adobe Experience Cloud-foutopsporing (https://chrome.google.com/webstore/detail/adobe-experience-platform/bfnnokhpnncpkdmbokanobigaccjkpob)
Betrokken gebruikers
Voor deze integratie, moet het volgende publiek worden betrokken, en om sommige taken uit te voeren, zou u administratieve toegang kunnen nodig hebben.
- Developer
- AEM
- Beheerder Experience Cloud
Inleiding
AEM biedt een out of the box integratie met tags. Dankzij deze integratie kunnen AEM beheerders eenvoudig tags configureren via een gebruiksvriendelijke interface, waardoor de moeite en het aantal fouten worden verminderd wanneer deze twee gereedschappen worden geconfigureerd. En door Adobe Target-extensie toe te voegen aan tags, kunnen we alle functies van Adobe Target op de AEM webpagina('s) gebruiken.
In deze sectie zouden de volgende integratiestappen worden behandeld:
-
Tags
- Een eigenschap voor tags maken
- Doelextensie toevoegen
- Een gegevenselement maken
- Een paginalijn maken
- Installatieomgevingen
- Build and Publish
-
AEM
- Een Cloud Service maken
- Maken
Tags
Een eigenschap voor tags maken
Een eigenschap is een container die u vult met extensies, regels, gegevenselementen en bibliotheken wanneer u tags op uw site implementeert.
- Ga aan uw organisaties Adobe Experience Cloud(
https://<yourcompany>.experiencecloud.adobe.com) - Meld u aan met uw Adobe ID en zorg ervoor dat u zich in de juiste organisatie bevindt.
- Van de oplossingsschakelaar, klik op Experience Platform, toen de sectie van de Inzameling van Gegevens, en selecteer Markeringen.
-
Zorg ervoor dat u zich in de juiste organisatie bevindt en ga verder met het maken van een eigenschap voor tags.
voor meer informatie bij het creëren van eigenschappen, zie een Bezitin de productdocumentatie creëren.
-
Klik op het Nieuwe Bezit knoop
-
Verstrek een naam voor uw bezit (bijvoorbeeld, AEM Zelfstudie van het Doel)
-
Als domein, ga localhost.com in aangezien dit het domein is waar de WKND demo plaats op loopt. Hoewel het "gebied van het Domein"wordt vereist, zal het markeringsbezit op om het even welk domein werken waar het wordt uitgevoerd. Het primaire doel van dit gebied is menuopties in de Bouwer van de Regel vooraf in te vullen.
-
Klik sparen knoop.
-
Open de eigenschap die u zojuist hebt gemaakt en klik op het tabblad Extensies.
Doelextensie toevoegen
De Adobe Target-extensie ondersteunt client-side implementaties met de Target JavaScript SDK voor het moderne web, at.js . De klanten nog die de oudere bibliotheek van het Doel gebruiken, mbox.js, zouden aan at.jsmoeten bevorderen om markeringen te gebruiken.
De doelextensie bestaat uit twee hoofdonderdelen:
-
De extensieconfiguratie die de kernbibliotheekinstellingen beheert
-
Handelingen van de regel om het volgende te doen:
- Doel laden (at.js)
- Params toevoegen aan alle vakken
- Params toevoegen aan Global Mbox
- Globale standaardmap
-
Onder Uitbreidingen, kunt u de lijst van Uitbreidingen zien die reeds voor uw markeringsbezit geïnstalleerd zijn. ( de Uitbreiding van de Kern van de Start van de Adobewordt geïnstalleerd door gebrek)
-
Klik op de optie van de Catalogus van de Uitbreiding, en onderzoek naar Doel in de filter.
-
Selecteer de recentste versie van Adobe Target at.js en klik op installeer optie.
-
Klik op vormen knoop, en u kunt het configuratievenster met uw ingevoerde de rekeningsgeloofsbrieven van het Doel opmerken, en de versie at.js voor deze uitbreiding.
Als Doel wordt geïmplementeerd via asynchrone tags die insluiten-codes, moet u een voorverborgen fragment op uw pagina's vóór de tags insluiten-codes coderen om het flikkeren van de inhoud te beheren. We zullen later meer leren over de voorverborgen snipper. U kunt het pre-verborgen fragment hier downloaden
-
Klik sparen om het toevoegen van de uitbreiding van het Doel aan uw markeringsbezit te voltooien, en u zou nu de uitbreiding moeten kunnen zien van het Doel onder de Geïnstalleerde lijst van uitbreidingen.
-
Herhaal bovenstaande stappen om te zoeken naar de extensie "Experience Cloud-id-service" en installeer deze.
Installatieomgevingen
- Klik op het Milieu lusje voor uw plaatsbezit, en u kunt de lijst van milieu zien dat voor uw plaatseigenschap wordt gecreeerd. Standaard hebben we elk één instantie gemaakt voor ontwikkeling, staging en productie.
Build and Publish
-
Klik op het Publiceren lusje voor uw plaatsbezit, en laten een bibliotheek tot stand brengen om, onze veranderingen (gegevenselementen, regels) aan een ontwikkelomgeving te bouwen en op te stellen.
embed -
Publish uw wijzigingen van de ontwikkelomgeving naar een testomgeving.
embed -
Stel bouwt voor het Opvoeren van optie in werking.
-
Zodra de bouwstijl volledig is, stel voor het Publiceren in werking, die uw veranderingen van een het Opvoeren milieu aan een milieu van de Productie beweegt.
-
Tot slot in werking stellen de Bouwstijl en Publish aan productie optie om uw veranderingen in productie te duwen.
Adobe Experience Manager
- Maak IMS-integratie in AEM met behulp van referenties van Adobe Developer. (01:12 t/m 03:55)
- Maak een eigenschap in Gegevensverzameling. (Bedekte hierboven)
- Met de IMS-integratie van Stap 1 maakt u de integratie van tags om uw eigenschap tags te importeren.
- Wijs in AEM de integratie van tags toe aan een site met behulp van de browserconfiguratie. (05:28 t/m 06:14)
- Integratie handmatig valideren. (06:15 t/m 06:33)
- Adobe Experience Cloud Debugger-browserplug-in gebruiken. (06:51 t/m 07:22)
Op dit punt, hebt u met succes AEM met Adobe Target geïntegreerd gebruikend markeringenzoals die in Optie 1 worden gedetailleerd.
Voor het gebruiken van AEM de aanbiedingen van het Fragment van de Ervaring om u verpersoonlijkingsactiviteiten te drijven, laat aan het volgende hoofdstuk verdergaan, en AEM met Adobe Target integreren gebruikend de erfeniswolkendiensten.