Utilisation des bonnes pratiques sur les pages SPA lors de l’envoi de données à AAM

Dans ce document, nous décrirons plusieurs bonnes pratiques que vous devez suivre et connaître lorsque vous envoyez des données de Single Page Applications (SPA) à Adobe Audience Manager (AAM). Ce document se concentre sur l'utilisation de Experience Platform Launch, qui est la méthode d'implémentation recommandée.

Notes initiales

  • Les éléments ci-dessous vont supposer que vous utilisez Platform Launch pour implémenter votre site. Les considérations persistent si vous n’utilisez pas Platform Launch, mais vous devez les adapter à votre méthode d’implémentation.
  • Tous les SPA sont différents, vous devrez peut-être modifier certains des éléments suivants pour mieux répondre à vos besoins, mais nous voulions partager avec vous certaines pratiques exemplaires ; à quoi vous devez penser lorsque vous envoyez des données de SPA pages à l'Audience Manager.

Diagramme simple de travail avec les SPA et les AAM en Experience Platform Launch

spa pour se détendre  launch

REMARQUE

Comme indiqué, il s'agit d'un diagramme simplifié de la façon dont SPA pages sont gérées dans une implémentation Adobe Audience Manager (sans Adobe Analytics) à l'aide de Platform Launch. Comme vous pouvez le voir, c'est assez direct, avec la grande décision étant comment vous allez communiquer un changement de vue (ou une action) à Platform Launch.

Déclenchement de Launch à partir de la page SPA

Deux des méthodes les plus courantes pour déclencher une règle dans Platform Launch (et par conséquent envoyer des données en Audience Manager) sont les suivantes :

  • Définition de événements personnalisés JavaScript (voir l’exemple HERE avec Adobe Analytics)
  • Utilisation d'un Direct Call Rule

Dans cet exemple d’Audience Manager, nous allons utiliser Direct Call rule dans Launch pour déclencher l’accès qui entre en Audience Manager. Comme vous le verrez dans les sections suivantes, cela devient vraiment utile en définissant Data Layer sur une nouvelle valeur, de sorte qu'il puisse être récupéré par Data Element dans Platform Launch.

Page de démonstration

Nous avons créé une petite page de démonstration qui montre comment modifier une valeur dans data layer et l'envoyer en AAM, comme vous pouvez le faire sur une page SPA. Cette fonctionnalité peut être modélisée pour des modifications plus élaborées nécessaires. Vous pouvez trouver cette page de démonstration ICI.

La définition de la variable data layer

Comme nous l'avons mentionné, lorsque du nouveau contenu est chargé sur la page ou lorsqu'une personne effectue une action sur le site, data layer doit être défini dynamiquement dans l'en-tête de la page AVANT que Launch ne soit appelé et exécute rules, de sorte que Platform Launch puisse récupérer les nouvelles valeurs de data layer et les mettre en Audience Manager.

Si vous allez sur le site de démonstration répertorié ci-dessus et que vous regardez la source de la page, vous verrez :

  • Le data layer se trouve dans l'en-tête de la page, avant l'appel à Platform Launch
  • Le code JavaScript du lien SPA simulé modifie Data Layer, puis appelle Platform Launch (l’appel _satellite.track()). Si vous utilisiez des événements personnalisés JavaScript au lieu de Direct Call Rule, la leçon est la même. Modifiez d'abord data layer, puis appelez Launch.

Ressources supplémentaires

Sur cette page