Détecter et réagir aux liens web créés en dehors de Connectif

Connectif peut réagir aux clics sur n'importe quel lien de votre site web, qu'il fasse partie ou non des contenus de la plateforme. Cette fonctionnalité permet de suivre les liens, d'offrir une segmentation plus précise et de faciliter la création de campagnes plus personnalisées, entre autres.

Dans cet article, vous apprendrez comment détecter et réagir aux liens web créés en dehors de Connectif.

  

Temps d'implémentation : 20 minutes.
Difficulté : Moyenne
Quand l'utiliser : Lorsque vous avez besoin que Connectif réagisse à tout lien sur votre site web.

 

Une idée très utile pour appliquer cette procédure consiste à détecter et réagir aux liens des boutons de partage sur les réseaux sociaux, afin de segmenter les contacts selon leur réseau social d'intérêt.

 

ÉTAPE 1. Détecter les clics sur les liens

(Cette section explique comment ajouter des attributs aux liens pour permettre leur détection dans Connectif).

1. Dans votre backoffice, accédez aux paramètres du modèle contenant les pages de produit.

2. Ouvrez l'éditeur de code.

3. Recherchez les balises HTML de l'un des liens que vous souhaitez détecter.

Detecter_et_reagir_aux_liens_externes_-_1-2.png

 

Dans notre cas, nous avons sélectionné la balise pour Facebook. Le code à détecter sera similaire à celui indiqué ci-dessous.

<a href="http://www.facebook.com/sharer.php?u=http://maboutique.com/index.php?id_product=1&amp;rewrite=hummingbird-printed-t-shirt&amp;controller=product&amp;id_lang=1" class="text-hide" title="Partager" target="_blank">Partager</a>

 

4. Dans chaque balise, ajoutez l'attribut "data-cn-track-click".

  

L'attribut "data-cn-track-click" est chargé d'indiquer à Connectif d'enregistrer le clic sur le lien.

Detecter_et_reagir_aux_liens_externes_-_1-3.png

 

La balise pour Facebook de l'exemple serait comme suit, le bloc de code ci-dessous montre l'attribut ajouté à la fin.

<a href="http://www.facebook.com/sharer.php?u=http://maboutique.com/index.php?id_product=1&amp;rewrite=hummingbird-printed-t-shirt&amp;controller=product&amp;id_lang=1" class="text-hide" title="Partager" target="_blank" data-cn-track-click>Partager</a>


5. Ajoutez l'attribut "data-cn-alias" dans la balise du lien.

  

L'attribut "data-cn-alias" est chargé d'attribuer un nom à chaque lien permettant de le reconnaître dans le workflow. Utilisez un alias différent pour identifier chaque lien à détecter.

Detecter_et_reagir_aux_liens_externes_-_1-4.png

 

La balise pour Facebook de l'exemple apparaîtrait comme le montre le bloc de code suivant. L'attribut ajouté se trouve à la fin et l'alias attribué pour le reconnaître est le mot "Facebook".

<a href="http://www.facebook.com/sharer.php?u=http://prestashop-93073-1289703.cloudwaysapps.com/index.php?id_product=1&amp;rewrite=hummingbird-printed-t-shirt&amp;controller=product&amp;id_lang=1" class="text-hide" title="Partager" target="_blank" data-cn-track-click data-cn-alias="Facebook">Partager</a>

6. Répétez les étapes 3, 4 et 5 pour chaque lien dont vous souhaitez détecter le clic.

7. Enregistrez les modifications dans l'éditeur de code de votre backoffice.

 

ÉTAPE 2. Créez les champs personnalisés

(Dans cette section, vous apprendrez à stocker dans le profil du contact les informations relatives à son interaction avec le lien).

8. Accédez à "Contacts > Champs du contact" et cliquez sur  Ajouter un nouveau champ personnalisé.

Detecter_et_reagir_aux_liens_externes_-_2-1.png

9. Nommez le nouveau champ personnalisé et attribuez-lui le type approprié.

Detecter_et_reagir_aux_liens_externes_-_2-2.png

10. (Optionnel) Si nécessaire, vous pouvez modifier l'icône du champ et lui attribuer une valeur par défaut ou une longueur maximale.

 

Pour en savoir plus sur les champs personnalisés, cliquez ici.

11. Cliquez sur  Enregistrer.

12. Répétez les étapes précédentes, de 8 à 11, pour chaque donnée que vous souhaitez collecter ou attribuer lors de la détection d'un clic sur le lien.

 

Dans notre exemple, deux champs personnalisés de type texte ont été créés. L'un pour se souvenir du produit recommandé par le contact et l'autre pour indiquer le réseau social où il a été partagé.

Detecter_et_reagir_aux_liens_externes_-_2-3.png

 

ÉTAPE 3. Créez les segments dynamiques

(Cette section explique comment créer dans Connectif la structure permettant de segmenter automatiquement les contacts en fonction des clics détectés).

13. Accédez à "Contacts > Segments" et cliquez sur   Créer un nouveau segment.

Detecter_et_reagir_aux_liens_externes_-_3-4.png

14. Sélectionnez le type Segment Dynamique et cliquez sur  Aller à l'éditeur de segment.

Detecter_et_reagir_aux_liens_externes_-_3-2.png

15. Attribuez un nom pour identifier le segment.

16. (Optionnel) Rédigez une description si cela vous aide à clarifier la base sur laquelle ces contacts sont segmentés.

17. Définissez la ou les conditions de segmentation pour que les contacts soient pris en compte.

 

Dans notre exemple, la condition de segmentation dépend de la valeur du champ personnalisé "Réseau Social utilisé" du contact. Pour segmenter les contacts qui partagent sur Facebook, la valeur "Facebook" est spécifiée comme critère.

Detecter_et_reagir_aux_liens_externes_-_3-3.png

18. Cliquez sur  Enregistrer.

19. Répétez les étapes 13 à 18 pour chaque segment nécessaire, un pour chaque lien que vous souhaitez détecter et auquel vous voulez réagir.

 

Dans notre exemple, quatre segments dynamiques ont été créés, un pour chaque réseau social.

Detecter_et_reagir_aux_liens_externes_-_3-4.png

 

Pour en savoir plus sur les segments dynamiques, cliquez ici.

 

ÉTAPE 4. Créer le workflow

(Cette section explique comment créer la stratégie qui détecte et réagit aux liens web en utilisant les éléments créés lors des étapes précédentes).

20. Accédez à "Workflows" et cliquez sur  Créer un nouveau workflow.

21. Concevez votre stratégie en définissant le comportement de la plateforme après avoir détecté un clic sur les liens pris en compte.

  

Un workflow destiné à détecter et réagir aux liens web externes nécessite au moins un nœud "Au clic sur un contenu web".

 

Dans notre exemple, nous avons créé un workflow qui détecte les liens de partage sur les réseaux sociaux dans les pages de produits. Il réagit en enregistrant les informations du contact dans son profil et, grâce à ces nouvelles données, Connectif segmente l'utilisateur automatiquement.

Detecter_et_reagir_aux_liens_externes_-_4-1.png

 

4.1. Nœud "Accueil"

22. Dans le nœud "Accueil", cliquez sur  (Modifier la configuration du nœud).

23. Définissez l'audience à laquelle s'adresse le workflow.

 

Dans notre exemple, tous les contacts sont pris en compte, qu'ils soient déjà existants ou nouveaux.

Detecter_et_reagir_aux_liens_externes_-_4-2.png

24. Cliquez sur  Mettre à jour.

 

4.2. Nœud "Lors de la visite d'un produit"

25. Dans le nœud "Lors de la visite d'un produit", cliquez sur  (Modifier la configuration du nœud).

  

Vous pouvez utiliser, si nécessaire, tout nœud de type déclencheur supplémentaire, avant le nœud "Au clic sur un contenu web", pour limiter la détection des clics sur les liens externes. Pour en savoir plus sur les nœuds déclencheurs, cliquez ici.

26. Configurez le nœud et ses limitations en fonction de la conception de votre stratégie.

 

Dans notre exemple, aucun filtre n'a été ajouté dans la configuration et toutes les limitations ont été supprimées : l'objectif est de détecter le clic sur les liens pour tous les produits et toutes les visites.

Detecter_et_reagir_aux_liens_externes_-_4-3.png

27. Cliquez sur  Mettre à jour.

 

4.3. Nœud "Au clic sur un contenu web"

28. Dans le nœud "Au clic sur un contenu web", cliquez sur  (Modifier la configuration du nœud).

29. Dans l'onglet Configuration, sélectionnez le type de filtre "Au clic sur un lien défini manuellement".

30. Cochez l'option Alias du lien et entrez l'un des alias définis à l' ÉTAPE 1.

 

Dans notre exemple, l'attribut alias a été défini comme "data-cn-alias="Facebook"", il faut donc écrire "Facebook" dans le champ de texte.

Detecter_et_reagir_aux_liens_externes_-_4-4.png

31. Vérifiez et configurez les limitations du nœud si nécessaire.

 

Dans notre exemple, toutes les limitations ont été supprimées : l'objectif est de mettre à jour toutes les informations si le contact clique à nouveau sur un bouton de partage sur les réseaux sociaux.

Detecter_et_reagir_aux_liens_externes_-_4-5.png

 

Pour en savoir plus sur les nœuds "Au clic sur un contenu web", cliquez ici.

32. Cliquez sur  Mettre à jour.

 

4.4. Nœud "Définir champ"

(Cette section explique comment enregistrer les données du contact après un clic sur un lien avec alias).

33. Dans le nœud "Définir champ", cliquez sur  (Modifier la configuration du nœud).

34. Attribuez les données importées dans le workflow aux champs personnalisés créés lors de l' ÉTAPE 2.

 

Dans notre exemple, le nom du produit, provenant du nœud "Lors de la visite d'un produit", est affecté au champ personnalisé "Produit partagé".
Pour le champ personnalisé "Réseau Social utilisé", la valeur est définie en fonction de l'alias du lien, qui est une donnée recueillie par le nœud "Au clic sur un contenu web".

Detecter_et_reagir_aux_liens_externes_-_4-6.png

 

Pour en savoir plus sur le nœud "Définir champ", cliquez ici.

35. Cliquez sur  Mettre à jour.

36. Dans le workflow, cliquez sur  Enregistrer pour enregistrer les modifications et sur  Démarrer pour l'activer.

 

 

 Succès !
La configuration pour détecter et réagir aux liens web externes choisis est maintenant prête.


Continuez à apprendre !

Pour tirer le meilleur parti de votre compte Connectif, nous vous recommandons de continuer avec les articles suivants :