Intégration de l'outil dans votre page

Vous avez deux possibilités pour intégrer le widget de Conversional sur votre page: soit en intégrant le code dans le code source de votre page, soit en utilisant le Google Tag Manager.

bulb

NOTE

Le choix d'intégration n'a aucun effet sur les fonctionnalités de l'outil et dépend de vos préférences. Si vous désirez filtrer les sous-pages, nous recommandons l'option d'intégration dans le code source de la page. Si vous n'avez pas de restrictions et que vous utilisez déjà le Google Tag Manager, cela pourrait être l'option la plus pratique pour vous.

Intégration dans le code source

Pour intégrer l'outil dans le code source de votre page, suivez les étapes suivantes:

1. Définissez les pages où vous souhaitez placer l'outil. Si vous souhaitez placer l'outil uniquement sur certaines sous-pages (par exemple parce que seulement une partie de vos pages concernent les cuisines), consultez d'abord la rubrique "Intégration dans des sous-pages".

2. Insérez votre extrait de code dans le code source. Ce code vous sera envoyé par e-mail. Placez-le n'importe où entre les balises "body" au sein des pages respectives voire dans un template de site principal. L'extrait de code ressemble à ceci:

<body>
...
<script type="text/javascript" src=“ https://storage.googleapis.com/conversional/bundle.js" async> </script>
<div id="questionnaire" dataversion="2.0" data-qid="7" datakey=“xxxxxxxxxxxxxxxxxxEXAMPLExxxxxxxxxxxxxxxxxxx"> </div>
...
</body>

Intégration par le Google Tag Manager

Pour intégrer l'outil par le Google Tag Manager, suivez les étapes suivantes:

1. Ouvrez Google Tag Manager.

2. Créez une nouvelle balise de type "HTML personnalisée" et insérez l'extrait de code Conversional comme valeur HTML.

embed Nouvelle balise: Lorsque vous créez une nouvelle balise, spécifiez le type et le déclencheur. Vous pouvez nommer la balise "Conversional Snippet".
embed Type de balise: Sélectionnez "HTML personnalisée" comme type de balise.

3. Ajoutez un déclencheur à la balise (généralement sur toutes les pages).

embed Ajouter un déclencheur: Sous le masque de configuration, vous pouvez définir un déclencheur.

Intégration dans des sous-pages

Vous pouvez soit placer l'outil sur chaque page de votre site web, soit choisir les sous-pages dans lesquelles vous désirez intégrer l'outil.

Au lieu d'insérer l'extrait de code dans chaque code de page, vous pouvez utiliser un système de filtres pour sélectionner les pages où vous désirez que l'outil apparaisse.

Veuillez contacter notre service d'assistance pour plus de détails.

Définir les appels à l'action

Vous pouvez transformer n'importe quel élément de votre page en bouton interactif afin de déclencher l'outil.
Vous n'avez pas besoin de lien ou de référence supplémentaire.

Il vous suffit d'ajouter class="rt-stylecheck" à l'élément HTML que vous souhaitez utiliser comme appel à l'action.

<!-- élément sans capacité d'appel à l'action -->
<button>


<!-- élément comme bouton interactif -->
<button class="rt-stylecheck">

Alternativement vous pouvez créer un lien direct en ajoutant "?openWidget" à la fin du lien en question.