Implémenter Target sans gestionnaire de balises

Informations sur l’implémentation de Adobe Target sans utiliser de gestionnaire de balises (Adobe Experience Platform Launch).

REMARQUE

Adobe Experience Platform Launchs est la méthode préférée pour l’implémentation de la Cible et de la bibliothèque at.js. Les informations suivantes ne s’appliquent pas lorsque vous utilisez Adobe Platform launch pour implémenter la Cible.

Pour accéder à la page Implémentation, cliquez sur Administration > Implémentation.

Vous pouvez spécifier les paramètres suivants sur cette page :

  • Détails du compte
  • Méthodes d’implémentation
  • API profil
  • Outils de débogage
  • Confidentialité
REMARQUE

Vous pouvez remplacer les paramètres de la bibliothèque at.js plutôt que de configurer les paramètres dans l’interface utilisateur de Target Standard/Premium ou en utilisant des API REST. Pour plus d’informations, voir targetGlobalSettings().

Détails du compte

Vous pouvez vue les détails suivants du compte. Ces paramètres ne peuvent pas être modifiés.

Paramètre Description
Code client Le code client est une séquence de caractères propre au client qui est souvent requise lors de l’utilisation des API de Target.
ID d’organisation IMS Cet identifiant associe votre implémentation à votre compte Adobe Experience Cloud.
Prise de décision sur le périphérique Pour activer la prise de décision sur le périphérique, faites glisser la bascule à la position "Activé".
La prise de décision sur périphérique vous permet de mettre en cache vos campagnes A/B et de ciblage d’expérience sur votre serveur et d’effectuer des décisions en mémoire à une latence proche de zéro. Pour plus d’informations, voir Introduction à la prise de décision sur périphérique dans le guide Adobe Target SDKs.
Incluez dans l’artefact toutes les activités qualifiées de prise de décision sur périphérique existantes. (Conditionnel) Cette option s’affiche si vous activez la prise de décision sur le périphérique.
Faites glisser la bascule vers la position "Activé" si vous souhaitez que toutes vos activités de Cible en direct admissibles à la prise de décision sur l’appareil soient automatiquement incluses dans l’artefact.
Si vous laissez cette option désactivée, vous devez recréer et activer toutes les activités de prise de décision sur le périphérique pour qu’elles soient incluses dans l’artefact des règles généré.

Méthodes d’implémentation

Les paramètres suivants peuvent être configurés dans le panneau Méthodes d’implémentation :

Paramètres globaux

REMARQUE

Ces paramètres sont appliqués à toutes les bibliothèques Target .js. Après avoir apporté des modifications à la section Méthodes d’implémentation, vous devez télécharger la bibliothèque et la mettre à jour dans votre implémentation.

Paramètre Description
Chargement de page activé (mbox globale créée automatiquement) Indiquez si l’appel de la mbox globale doit être incorporé dans le fichier at.js afin d’être automatiquement déclenché lors de chaque chargement de page.
mbox globale Sélectionnez un nom pour la mbox globale. Par défaut, ce nom est target-global-mbox.
Avec at.js, les noms de mbox peuvent contenir des caractères spéciaux, y compris des esperluettes (&).
Délai d’expiration (secondes) Si Target ne répond pas avec du contenu dans le délai défini, l’appel au serveur expire et le contenu par défaut est affiché. Des tentatives d’appel supplémentaires sont effectuées pendant la session du visiteur. Le délai par défaut est de 5 secondes.
La bibliothèque at.js utilise le paramètre d’expiration défini dans XMLHttpRequest. Le délai d’expiration commence lorsque la demande est déclenchée et s’arrête lorsque Target reçoit une réponse du serveur. Pour plus d’informations, reportez-vous à la section XMLHttpRequest.timeout du MDN (Mozilla Developer Network, réseau de développeurs Mozilla).
Si le délai expire avant la réception de la réponse, le contenu par défaut est affiché et le visiteur peut être compté en tant que participant à une activité parce que la collecte de données survient sur le serveur Target Edge. Si la requête atteint le serveur Target Edge, le visiteur est comptabilisé.
Tenez compte de ce qui suit lors de la configuration du paramètre d’expiration :
  • Si la valeur est trop basse, les utilisateurs risquent de voir le contenu par défaut dans la plupart des cas, bien que le visiteur puisse être comptabilisé parmi les participants à l’activité.
  • Si la valeur est trop élevée, les visiteurs risquent de voir des zones vierges sur votre page web ou des pages vierges si vous utilisez le masquage du contenu pendant une durée prolongée.
Pour une meilleure compréhension du temps de réponse de mbox, consultez l’onglet Réseau dans les Outils de développement de votre navigateur. Vous pouvez également utiliser des outils de surveillance des performances web tiers, tels que Catchpoint.
Remarque : le paramètre visitorApiTimeout garantit que Target n’attend pas trop longtemps la réponse de l’API visiteur. Ce paramètre et le paramètre Expiration de at.js décrit ici n’ont pas d’effet l’un sur l’autre.
Durée de vie du profil Ce paramètre détermine la durée de stockage des profils de visiteur. Par défaut, les profils sont stockés pendant deux semaines. Ce paramètre peut être augmenté jusqu’à 90 jours.
Pour modifier le paramètre Durée de vie du profil, contactez le service à la clientèle.

Méthode d’implémentation principale

IMPORTANT

L’équipe de Cible prend en charge at.js 1.x et at.js 2.x. Effectuez la mise à niveau vers la dernière mise à jour de l’une des versions majeures d’at.js afin de vous assurer que vous exécutez une version prise en charge.

Pour télécharger la version d’at.js souhaitée, cliquez sur le bouton Télécharger approprié.

Pour modifier les paramètres at.js, cliquez sur Modifier en regard de la version at.js souhaitée.

IMPORTANT

Avant de modifier ces paramètres par défaut, consultez le service à la clientèle ClientCare afin de ne pas affecter votre mise en oeuvre actuelle.

Outre les paramètres décrits ci-dessus, les paramètres at.js spécifiques suivants sont également disponibles :

Paramètre Description
En-tête de bibliothèque personnalisé Ajoutez du code JavaScript personnalisé à inclure au haut de la bibliothèque.
Pied de page de la bibliothèque personnalisée Ajoutez du code JavaScript personnalisé à inclure au bas de la bibliothèque.

API profil

Activez ou désactivez l’authentification pour la mise à jour des lots via l’API et générez un jeton d’authentification de profil.

Pour plus d’informations, voir Paramètres de l’API de Profil.

Outils de débogage

Générez un jeton d’autorisation pour utiliser des outils de débogage Target avancés. Cliquez sur Générer un nouveau jeton d’authentification.

Générer un nouveau jeton d’authentification

Confidentialité

Ces paramètres vous permettent d’utiliser Target conformément aux lois applicables en matière de confidentialité des données.

Choisissez un paramètre dans la liste déroulante Obscurcir l’adresse IP du Visiteur :

  • Dernière obscurcissement octet
  • Obscurcissement d'IP complet
  • None

Pour plus d’informations, voir Confidentialité.

REMARQUE

L’option Prise en charge du navigateur hérité était disponible dans at.js version 0.9.3 et antérieure. Cette option a été supprimée de la version 0.9.4 d’at.js. Pour obtenir une liste des navigateurs pris en charge par at.js, voir Navigateurs pris en charge.
Les navigateurs hérités sont d’anciens navigateurs qui ne prennent pas entièrement en charge le partage des ressources cross-origin (CORS). Ces navigateurs comprennent Internet Explorer (versions antérieures à la version 11) et Safari (versions 6 et antérieures). Si la prise en charge des navigateurs hérités était désactivée, la Cible ne diffusait pas de contenu ou ne comptabilisait pas de visiteurs dans les rapports sur ces navigateurs. Si cette option a été activée, il est recommandé de procéder à l’assurance de la qualité sur les navigateurs plus anciens afin de garantir une bonne expérience client.

Téléchargement d’at.js

Instructions pour télécharger la bibliothèque à l'aide de l'interface Target ou de l'API de téléchargement.

REMARQUE
  • Adobe Experience Platform Launchs est la méthode préférée pour l’implémentation de la Cible et de la bibliothèque at.js. Les informations suivantes ne s’appliquent pas lorsque vous utilisez Adobe Platform launch pour implémenter la Cible.

  • L’équipe de Cible prend en charge at.js 1.x et at.js 2.x. Effectuez la mise à niveau vers la mise à jour la plus récente de l’une des versions majeures d’at.js pour vous assurer que vous exécutez une version prise en charge. Pour en savoir plus sur le contenu de chaque version, voir Informations détaillées sur les versions d’at.js.

Téléchargez at.js à l’aide de l’interface Target

Pour télécharger at.js depuis l’interface Target, procédez comme suit :

  1. Cliquez sur Administration > Implémentation.
  2. Dans la section Méthodes d’implémentation, cliquez sur le bouton Télécharger en regard de la version d’at.js souhaitée.

Téléchargez at.js à l’aide de l’Target API de téléchargement

Pour télécharger at.js à l’aide de l’API, procédez comme suit :

  1. Obtenez votre code client.

    Votre code client est disponible en haut de la page Administration > Implémentation de l'interface Target.

  2. Obtenez votre numéro d’administrateur.

    Chargez cette URL :

    https://admin.testandtarget.omniture.com/rest/v1/endpoint/<varname>client code</varname>
    

    Remplacez client code par le code client de l’étape 1.

    Le résultat du chargement de cette URL doit ressembler à l’exemple suivant :

    { 
      "api": "https://admin6.testandtarget.omniture.com/admin/rest/v1" 
    }
    

    Dans cet exemple, le numéro d’administrateur est 6.

  3. Télécharger at.js.

    Chargez cette URL avec la structure suivante :

    https://admin<varname>admin number</varname>.testandtarget.omniture.com/admin/rest/v1/libraries/atjs/download?client=<varname>client code</varname>&version=<version number>
    
    • Remplacez admin number par votre numéro d’administrateur.
    • Remplacez client code par le code client de l’étape 1.
    • Remplacez version number par le numéro de version at.js souhaité (par exemple, 2.2).
    IMPORTANT

    L’équipe Target gère seulement deux versions d’at.js : la version actuelle et la version la plus récente avant celle-ci. Mettez à jour at.js si nécessaire pour vous assurer que vous utilisez une version prise en charge. Pour en savoir plus sur le contenu de chaque version, voir Informations détaillées sur les versions d’at.js.

    Le chargement de cette URL démarre le téléchargement du fichier at.js personnalisé.

Implémentation d’at.js

Vous devez implémenter at.js à <head> l’élément de chaque page de votre site web.

Voici à quoi ressemble une implémentation type de Cible qui n’utilise pas un gestionnaire de balises tel que Platform launch d’Adobe :

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Title of the Page</title> 
    <!--Preconnect and DNS-Prefetch to improve page load time--> 
    <link rel="preconnect" href="//<client code>.tt.omtrdc.net"> 
    <link rel="dns-prefetch" href="//<client code>.tt.omtrdc.net"> 
    <!--/Preconnect and DNS-Prefetch--> 
    <!--Data Layer to enable rich data collection and targeting--> 
    <script> 
        var digitalData = { 
            "page": { 
                "pageInfo": { 
                    "pageName": "Home" 
                } 
            } 
        }; 
    </script> 
    <!--/Data Layer--> 
    <!-- targetPageParams(), targetPageParamsAll(), Data Providers or targetGlobalSettings() functions to enrich the visitor profile or modify the library settings--> 
    <script> 
        targetPageParams = function() { 
            return { 
                "a": 1, 
                "b": 2, 
                "pageName": digitalData.page.pageInfo.pageName, 
                "profile": { 
                    "age": 26, 
                    "country": { 
                        "city": "San Francisco" 
                    } 
                } 
            }; 
        }; 
    </script> 
    <!--/targetPageParams()--> 
 
    <!--jQuery or other helper libraries should be implemented before at.js if you would like to use their methods in Target--> 
    <script src="jquery-3.3.1.min.js"></script> 
    <!--/jQuery--> 
    <!--Target's JavaScript SDK, at.js--> 
    <script src="at.js"></script> 
    <!--/at.js--> 
</head>
<body> 
    The default content of the page 
</body> 
</html>

Tenez compte des remarques importantes suivantes :

  • Le Doctype HTML5 (par exemple, <!doctype html>) doit être utilisé. Les anciens attributs ou ceux qui ne sont pas pris en charge pourraient empêcher Target d’émettre des requêtes.
  • Les options de préconnexion et de prérécupération peuvent aider vos pages web à charger plus rapidement. Si vous utilisez ces configurations, veillez à remplacer <client code> par votre propre code client, que vous pouvez obtenir à partir de la page Administration > **Implémentation.
  • Si vous possédez une couche de données, l’idéal est d’en définir le plus possible dans la section <head>de vos pages, et ce avant le chargement d’at.js. Cet emplacement permet d’utiliser au maximum ces informations dans la Cible pour la personnalisation.
  • Vous devez définir les fonctions spéciales de Target, telles que targetPageParams(), targetPageParamsAll(), les fournisseurs de données et targetGlobalSettings(), après avoir défini votre couche de données, et avant le chargement d’at.js. Vous pouvez également enregistrer ces fonctions dans la section En-tête de bibliothèque de la page Modifier les paramètres at.js et les enregistrer dans la bibliothèque at.js elle-même. Pour plus d’informations sur ces fonctions, voir Fonctions d’at.js.
  • Si vous utilisez des bibliothèques d’aide JavaScript, telles que jQuery, incluez-les avant la Cible afin que vous puissiez utiliser leur syntaxe et leurs méthodes lors de la création d’expériences de Cible.
  • Incluez at.js dans la section <head> de vos pages.

Suivi des conversions

La mbox de confirmation de commande enregistre des détails sur les commandes passées sur votre site, puis rend possible la création de rapports en fonction des recettes et des commandes. Elle contribue également aux algorithmes de recommandation, tels que « Les personnes qui ont acheté le produit x ont également acheté le produit y ».

REMARQUE

Si les utilisateurs effectuent des achats sur votre site Web, l’Adobe recommande l’implémentation d’une mbox de confirmation de commande, même si vous utilisez Analytics pour la Cible (A4T) pour votre rapports.

  1. Sur votre page des détails de la commande, insérez un script de mbox en respectant le modèle ci-dessous.

  2. Remplacez les MOTS EN LETTRES MAJUSCULES par des valeurs dynamiques ou statiques issues de votre catalogue.

    REMARQUE

    Remarque : Utilisez des virgules de séparation pour séparer plusieurs ID de produit.

    Conseil : Vous pouvez également transmettre des informations de commande dans une mbox quelconque (qui n’a pas à être nommée orderConfirmPage). Vous pouvez également transmettre les informations de la commande dans plusieurs mbox au sein de la même campagne.

    <script type="text/javascript"> 
    adobe.target.trackEvent({ 
        "mbox": "orderConfirmPage", 
        "params":{  
            "orderId": "ORDER ID FROM YOUR ORDER PAGE",  
            "orderTotal": "ORDER TOTAL FROM YOUR ORDER PAGE",  
            "productPurchasedId": "PRODUCT ID FROM YOUR ORDER PAGE, PRODUCT ID2, PRODUCT ID3"  
        } 
    }); 
    </script> 
    

La mbox de confirmation de commande utilise les paramètres suivants :

Paramètre Description
orderId Valeur unique identifiant une commande pour la comptabilisation de la conversion.
L’orderId doit être unique. Les commandes en double ne sont pas prises en compte dans les rapports.
orderTotal Valeur monétaire de l’achat.
Ne transmettez pas le symbole monétaire. Utilisez un point décimal (pas une virgule) pour indiquer les valeurs décimales.
productPurchasedId (facultatif) Liste des ID de produit achetés dans la commande séparés par des virgules.
Ces ID de produit s’affichent dans le rapport d’audit pour prendre en charge l’analyse de rapports supplémentaire.

Sur cette page