Envoyer des paramètres à Target à l’aide du SDK Web Platform
Les mises en oeuvre de Target diffèrent d’un site web à l’autre en raison de l’architecture du site, des exigences de l’entreprise et des fonctionnalités utilisées. La plupart des implémentations de Target incluent la transmission de divers paramètres pour les informations contextuelles, les audiences et les recommandations de contenu.
Utilisons une page de détails de produit simple et une page de confirmation de commande pour démontrer les différences entre les bibliothèques lors de la transmission de paramètres à Target.
Prenez les deux exemples de pages suivants à l’aide d’at.js :
code language-html |
---|
|
code language-html |
---|
|
Synthèse du mapping des paramètres
Les paramètres Target de ces pages sont envoyés différemment à l’aide du SDK Web Platform. Il existe plusieurs façons de transférer des paramètres à Target à l’aide d’at.js :
- Défini sur
targetPageParams()
pour l’événement de chargement de page (utilisé dans les exemples de cette page). - Défini sur
targetPageParamsAll()
pour toutes les requêtes Target sur la page. - Envoyez les paramètres directement avec la fonction
getOffer()
pour un emplacement unique - Envoyez les paramètres directement avec la fonction
getOffers()
fonction pour un ou plusieurs emplacements
Le SDK Web Platform offre un moyen unique et cohérent d’envoyer des données sans avoir besoin de fonctions supplémentaires. Tous les paramètres doivent être transmis dans la payload avec la variable sendEvent
et se rangent dans deux catégories :
- Mappé automatiquement à partir du
xdm
objet - Transmis manuellement à l’aide de la méthode
data.__adobe.target
objet
Le tableau ci-dessous décrit comment les exemples de paramètres seraient mappés à l’aide du SDK Web Platform :
at_property
sendEvent
appelez .pageName
xdm.web.webPageDetails.name
xdm
et se conformer à un schéma à l’aide de la classe XDM ExperienceEvent. Les paramètres de mbox ne peuvent pas être transmis dans le cadre de data
.profile.gender
data.__adobe.target.profile.gender
data
avec le préfixe profile.
à mapper correctement.user.categoryId
data.__adobe.target.user.categoryId
data
.entity.id
data.__adobe.target.entity.id
OU
xdm.productListItems[0].SKU
data
ou mappé automatiquement à partir du premier élément dans la variable xdm.productListItems
si votre implémentation utilise ce groupe de champs.entity.categoryId
data.__adobe.target.entity.categoryId
data
.entity.customEntity
data.__adobe.target.entity.customEntity
data
.cartIds
data.__adobe.target.cartIds
excludedIds
data.__adobe.target.excludedIds
mbox3rdPartyId
xdm.identityMap
objetorderId
xdm.commerce.order.purchaseID
orderTotal
xdm.commerce.order.priceTotal
productPurchasedId
data.__adobe.target.productPurchasedId
OU
xdm.productListItems[0-n].SKU
mboxPageValue
data.__adobe.target.mboxPageValue
Paramètres personnalisés
Les paramètres de mbox personnalisés doivent être transmis en tant que données XDM avec la variable sendEvent
. Il est important de s’assurer que le schéma XDM inclut tous les champs requis pour votre mise en oeuvre Target.
Exemple d’at.js avec targetPageParams()
:
targetPageParams = function() {
return {
"pageName": "product detail"
};
};
Exemples JavaScript de SDK Web Platform utilisant sendEvent
command :
code language-javascript |
---|
|
Dans les balises , utilisez d’abord une Objet XDM élément de données à mapper au champ XDM :
{zoomable="yes"}
Ensuite, incluez votre Objet XDM dans votre Envoyer un événement action (multiple Objets XDM peut être fusionné) :
{zoomable="yes"}
xdm
vous devez mettre à jour les audiences, les activités ou les scripts de profil qui référencent ces paramètres de mbox à l’aide de leurs nouveaux noms. Voir Mise à jour des audiences Target et des scripts de profil pour la compatibilité du SDK Web Platform page de ce tutoriel pour plus d’informations.Paramètres de profil
Les paramètres de profil Target doivent être transmis sous la variable data.__adobe.target
dans le SDK Web Platform sendEvent
payload de commande.
Tout comme at.js, tous les paramètres de profil doivent également comporter le préfixe profile.
pour que la valeur soit correctement stockée en tant qu’attribut de profil Target persistant. La réserve user.categoryId
Le préfixe du paramètre de la fonctionnalité Affinité catégorielle de Target est user.
.
Exemple d’at.js avec targetPageParams()
:
targetPageParams = function() {
return {
"profile.gender": "male",
"user.categoryId": "clothing"
};
};
Exemples de SDK Web Platform à l’aide de sendEvent
command :
code language-javascript |
---|
|
Dans les balises , commencez par créer un élément de données pour définir la variable data.__adobe.target
objet :
{zoomable="yes"}
Insérez ensuite votre objet de données dans votre Envoyer un événement action (multiple objet peut être fusionné) :
{zoomable="yes"}
Paramètres d’entité
Les paramètres d’entité sont utilisés pour transmettre des données comportementales et des informations de catalogue supplémentaires pour Target Recommendations. Tous paramètres d'entité Les solutions prises en charge par at.js sont également prises en charge par le SDK Web de Platform. Tout comme les paramètres de profil, tous les paramètres d’entité doivent être transmis sous la variable data.__adobe.target
dans le SDK Web Platform sendEvent
payload de commande.
Les paramètres d’entité d’un élément spécifique doivent comporter le préfixe entity.
pour une capture de données correcte. La réserve cartIds
et excludedIds
Les paramètres des algorithmes de recommandations ne doivent pas comporter de préfixe et la valeur de chacun d’eux doit contenir une liste d’identifiants d’entité séparés par des virgules.
Exemple d’at.js avec targetPageParams()
:
targetPageParams = function() {
return {
"entity.id": "SKU-00001-LARGE",
"entity.categoryId": "clothing,shirts",
"entity.customEntity": "some value",
"cartIds": "SKU-00002,SKU-00003",
"excludedIds": "SKU-00001-SMALL"
};
};
Exemples de SDK Web Platform à l’aide de sendEvent
command :
code language-javascript |
---|
|
Dans les balises , commencez par créer un élément de données pour définir la variable data.__adobe.target
objet :
{zoomable="yes"}
Insérez ensuite votre objet de données dans votre Envoyer un événement action (multiple objet peut être fusionné) :
{zoomable="yes"}
commerce
Le groupe de champs est utilisé et la variable productListItems
est inclus dans la charge utile XDM, puis le premier SKU
est mappée sur la valeur de ce tableau. entity.id
aux fins de l’incrémentation d’une consultation de produit.Paramètres d’achat
Les paramètres d’achat sont transmis sur une page de confirmation de commande après une commande réussie et sont utilisés pour les objectifs de conversion et d’optimisation de Target. Avec une implémentation du SDK Web Platform, ces paramètres sont automatiquement mappés à partir des données XDM transmises dans le cadre de commerce
groupe de champs.
Exemple d’at.js avec targetPageParams()
:
targetPageParams = function() {
return {
"orderId": "ABC123",
"productPurchasedId": "SKU-00002,SKU-00003"
"orderTotal": 1337.89
};
};
Les informations d’achat sont transmises à Target lorsque la variable commerce
groupe de champs possède purchases.value
défini sur 1
. L’identifiant de commande et le total de commande sont automatiquement mappés à partir de la variable order
. Si la variable productListItems
est présent, puis le SKU
Les valeurs sont utilisées pour productPurchasedId
.
Exemples de SDK Web Platform à l’aide de sendEvent
command :
code language-javascript |
---|
|
Dans les balises , utilisez d’abord une Objet XDM élément de données à mapper aux champs XDM :
{zoomable="yes"}
Ensuite, incluez votre Objet XDM dans votre Envoyer un événement action (multiple Objets XDM peut être fusionné) :
{zoomable="yes"}
productPurchasedId
peut également être transmise sous la forme d’une liste d’identifiants d’entité séparés par des virgules, sous data
.ID de client (mbox3rdPartyId)
Target permet la synchronisation des profils entre appareils et systèmes à l’aide d’un seul ID de client. Avec at.js, cette variable peut être définie comme la variable mbox3rdPartyId
dans la requête Target ou en tant que premier ID de client envoyé au service Identity Experience Cloud. Contrairement à at.js, une implémentation du SDK Web Platform vous permet de spécifier l’ID de client à utiliser comme mbox3rdPartyId
s’il y en a plusieurs. Par exemple, si votre entreprise possède un ID de client global et des ID de client distincts pour différents secteurs d’activité, vous pouvez configurer l’ID que Target doit utiliser.
Il existe quelques étapes pour configurer la synchronisation des identifiants pour les cas d’utilisation de Target sur plusieurs appareils et des attributs du client :
- Créez un namespace d’identité pour l’ID de client dans Identités écran Collecte de données ou plateforme
- Assurez-vous que la variable alias dans Attributs du client correspond à la variable symbole d’identité de votre espace de noms
- Spécifiez la variable symbole identy comme la propriété Espace de noms des identifiants tiers de Target dans la configuration Target de la banque de données
- Exécuter une
sendEvent
à l’aide de la commandeidentityMap
groupe de champs
Exemple d’at.js avec targetPageParams()
:
targetPageParams = function() {
return {
"mbox3rdPartyId": "TT8675309"
};
};
Exemples de SDK Web Platform à l’aide de sendEvent
command :
code language-javascript |
---|
|
Le ID value, État authentifié et Espace de noms sont capturés dans une Mappage d’identités élément de données :
{zoomable="yes"}
Le Mappage d’identités L’élément de données est ensuite utilisé pour définir la variable identityMap dans le champ Objet XDM élément de données :
{zoomable="yes"}
Le Objet XDM est ensuite inclus dans la variable Envoyer un événement action d’une règle :
{zoomable="yes"}
Dans le service Adobe Target de votre flux de données, veillez à définir la variable Espace de noms des identifiants tiers de Target au même espace de noms utilisé dans la variable Mappage d’identités élément de données :
{zoomable="yes"}
Exemple de SDK Web Platform
Maintenant que vous comprenez comment les différents paramètres Target sont mappés à l’aide du SDK Web Platform, nos deux exemples de pages peuvent être migrés d’at.js vers le SDK Web Platform comme illustré ci-dessous. Les exemples de pages sont les suivants :
- Fragment de code de prémasquage de Target pour une implémentation de bibliothèque asynchrone
- Le code de base du SDK Web Platform
- Bibliothèque JavaScript du SDK Web Platform
- A
configure
pour initialiser la bibliothèque - A
sendEvent
pour envoyer des données et demander le rendu du contenu Target
code language-html |
---|
|
code language-html |
---|
|
Ensuite, apprenez à suivi des événements de conversion Target avec le SDK Web Platform.