# Mise en œuvre de la balise éditeur pour les partenaires

Cet article explique comment utiliser la balise Publisher, qui est un extrait de code JavaScript que vous pouvez ajouter à votre site web. La balise Publisher transforme les liens directs pertinents sur votre site en liens de suivi et suit les impressions chaque fois qu’un utilisateur charge la page. Le [intégration de base](#section-idm234420645737758) offre les deux premières fonctionnalités ci-dessous, tandis que `identifyUser` l’intégration offre la troisième fonctionnalité :

* **Transformer les liens** — Lorsqu’elle est chargée avec vos pages web, la balise Publisher détectera les liens directs que vous utilisez pour envoyer du trafic vers les pages de destination des marques avec lesquelles vous travaillez et les convertira automatiquement en liens de suivi impact.com. Lorsque les utilisateurs suivent ces liens, vous recevrez un crédit pour toute action résultant de ce trafic.
* **Suivi des impressions** — La balise Publisher comptera également les impressions de vos liens transformés chaque fois qu’elle est chargée sur la page, ce qui peut être consulté sous forme de rapport dans impact.com. Pour que cette fonctionnalité fonctionne, les marques avec lesquelles vous travaillez doivent l’activer dans leur compte impact.com.
* **intégration identifyUser** — La balise Publisher peut suivre des informations supplémentaires, comme des informations de trafic pour un reporting des chemins de conversion plus précis.

#### Emplacement de la balise Publisher

Selon la façon dont vous souhaitez utiliser la balise Publisher, elle peut être placée :

* Dans le `<head>` balise de vos pages web — <mark style="color:$success;">**\[Recommandé]**</mark> placez le code en bas du `<head>` de chacune des pages web sur lesquelles vous souhaitez qu’il s’exécute.
* Dans le `<body>` balise de vos pages web — placez le code dans le `<body>` de chacune des pages web sur lesquelles vous souhaitez qu’il s’exécute.
* Dans le **modèle d’en-tête** de votre site web — <mark style="color:$success;">**\[Recommandé]**</mark> placez le code en bas de votre **modèle d’en-tête** si vous souhaitez qu’il s’exécute automatiquement sur toutes vos pages web.

#### Copier la balise Publisher

1. Dans la barre de navigation supérieure, sélectionnez **Contenu →** [Outils publicitaires](https://app.impact.com/secure/mediapartner/fr/ads/mp-ad-tools-flow.ihtml).
2. Dans le *Publisher Tag* section à droite, sous l’extrait de code, sélectionnez **Copier la balise** pour copier le code dans votre presse-papiers.

   <div data-with-frame="true"><figure><img src="https://4271519271-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fb2rE79d9UhOKZQLgzSqx%2Fuploads%2Fgit-blob-856c8e6c600b43419719ad1f6edae1322fcfeddd%2F6b43028dda27cea5fa3622cf1094dca7146e150b702f6528450f72cf92582a67.png?alt=media" alt=""><figcaption></figcaption></figure></div>

#### Installer la balise Publisher avec une intégration de base

Le processus d’installation de votre balise Publisher diffère selon que votre site est hébergé localement, hébergé par un CMS, ou si vous utilisez un gestionnaire de balises.

{% tabs %}
{% tab title="Hébergement local" %}
Utilisez cette méthode si vous gérez directement le code de votre site web, plutôt que de l’héberger sur un CMS ou une plateforme de site web.

1. Ouvrez le code source de la page web sur laquelle vous souhaitez installer la balise Publisher.
2. Dans le code de votre page web, trouvez la `<head>` balise d’ouverture en haut.
3. Collez l’intégralité du code de la balise Publisher à la fin de la section, en vous assurant que tout se trouve avant la `</head>` balise de fermeture.
4. Répétez cela pour chaque page web sur laquelle vous souhaitez que la balise Publisher s’exécute.
   {% endtab %}

{% tab title="Hébergé par un CMS" %}
Si vous utilisez un système de gestion de contenu (CMS) ou une plateforme de site tierce comme WordPress, Squarespace, Wix, etc., consultez leur documentation d’aide sur la façon d’ajouter une balise JavaScript à votre site. Une recherche rapide sur le web devrait faire apparaître des résultats sur la façon d’installer une balise JavaScript pour votre CMS en particulier. Voir des exemples ci-dessous :

* [WordPress : plugin Header and Footer Scripts](https://wordpress.org/plugins/header-and-footer-scripts/) &#x20;
* [Squarespace : Utilisation de Code Injection](https://support.squarespace.com/hc/en-us/articles/205815908) &#x20;
* [Wix : À propos des outils de suivi et de l’analyse](https://support.wix.com/en/article/about-tracking-tools-analytics)
  {% endtab %}

{% tab title="Gestionnaires de balises" %}
Si vous utilisez un système de gestion des balises (TMS) pour votre site, vous devrez ajouter une balise HTML personnalisée à votre site. Référez-vous à la documentation d’aide du gestionnaire de balises pour savoir comment faire cela. Par exemple :

* [Google Tag Manager — Balises personnalisées](https://support.google.com/tagmanager/answer/6107167?hl=en\&ref_topic=3002579)
  {% endtab %}
  {% endtabs %}

#### Tester votre intégration de base

Une fois que vous avez installé l’extrait de code de la balise Publisher sur votre site, vous devez tester l’intégration pour vous assurer qu’elle fonctionne correctement. Utilisez la console de développement de votre navigateur pour vérifier que la transformation des liens et les fonctionnalités de suivi des impressions fonctionnent.

<details>

<summary>Vérifiez les liens de votre site web </summary>

1. Ouvrez la console de développement de votre navigateur en survolant un lien, puis faites un clic droit et sélectionnez **Inspecter** (ou **Inspecter l’élément**).
   * Vérifiez que le lien dans le `<a href=””>` entre guillemets ressemble à un lien de suivi impact.com (par ex., `https://advertiser.sjv.io/` ).
2. Alternativement, survolez les liens de votre page web. La plupart des navigateurs afficheront le chemin du lien dans la barre d’état du navigateur en bas à gauche. Le lien devrait ressembler à un lien de suivi impact.com (par ex., `https://advertiser.sjv.io/` ou similaire).

</details>

<details>

<summary>Vérifier le suivi des impressions </summary>

{% hint style="info" %}
**Remarque :** Si vous utilisez Safari, assurez-vous d’activer la *filtre Statut* barre depuis le menu supérieur. Sélectionnez **Affichage → Afficher la barre d’état** (ou sur votre clavier, maintenez ![](https://4271519271-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fb2rE79d9UhOKZQLgzSqx%2Fuploads%2Fgit-blob-b0dd5c5d459bb640d554d4838bb3b47cb68a09d8%2F1988705e47c39af922ad3c11b684e1563c37312eafa93bba6c3d46d8fb32152c.svg?alt=media) **\[Commande] +** **/ \[Barre oblique]**).
{% endhint %}

1. Ouvrez la console de développement de votre navigateur en survolant un lien, puis faites un clic droit et sélectionnez **Inspecter** (ou **Inspecter l’élément**).
2. Dans la console de développement de votre navigateur, sélectionnez l’onglet **Réseau** . Actualisez la page pour capturer de nouvelles données.
   * Dans la liste sous *Type*, vérifiez qu’un `xhr` ou `balise` a été déclenchée avec un statut de `200`.
3. Alternativement, vous pouvez rechercher votre onglet **ID du partenaire** dans la *Réseau* . Le format de l’élément de ligne est `{trackingdomain}/i/partnerId/adId/campaignId` avec un `xhr` ou `balise` Type et statut de `200`.

</details>

#### Installer la balise Publisher avec identifyUser

{% hint style="warning" %}
**Attention !** L’intégration avancée nécessite un développeur web qualifié qui comprend comment cette intégration modifie le script, ainsi que les implications de la fonction. Nous **recommandons fortement** de consulter un développeur avant de tenter cette intégration.
{% endhint %}

Intégration en utilisant `identifyUser` est l’approche recommandée, car la soumission de données utilisateur authentifiées via `identifyUser` peut permettre une attribution améliorée.

Le `identifyUser` la fonction capture également des informations non identifiantes personnellement (non-PII).

{% stepper %}
{% step %}

#### **Étape 1 : Modifier le script**&#x20;

1. Ajoutez la ligne de code suivante au corps de la balise Publisher avant les autres appels de fonction :

   ```programlisting
   impactPublisher('identifyUser', {properties}, {options});
   ```
2. Une fois que vous avez ajouté le nouveau code, la balise complète ressemblera à ceci :

   ```programlisting
   <script type="text/javascript">
       (function(a,b,c,d,e,f,g){e['ire_o'] = c;e[c] = e[c] || function(){(e[c].a = e[c].a||[]).push(arguments)};f = d.createElement(b);g = d.getElementsByTagName(b)[0];f.async = 1;f.src = a;g.parentNode.insertBefore(f,g);})('//d.impactradius-event.com/<UNIQUE_ID>.js','script','impactPublisher',document,window);
       impactPublisher('identifyUser', {properties}, {options});
       impactPublisher('transformLinks', {properties}, {options [augmentLinksOnly, addImpressions]});
       impactPublisher('trackImpression', {properties}, {options});
       impactPublisher('trackLinks');
   </script>
   ```

{% endstep %}

{% step %}

#### **Étape 2 : Installer le script**&#x20;

Une fois que vous avez modifié le script, vous pouvez suivre les [instructions d’intégration de base](#section-idm234420645737758) pour installer le script.
{% endstep %}

{% step %}

#### **Étape 3 : Testez votre intégration identifyUser**&#x20;

Une fois que vous avez installé l’extrait de code de la balise Publisher sur votre site, vous devez le tester pour vous assurer qu’il fonctionne correctement. Tester l’intégration avancée nécessite des connaissances sur la façon de transmettre dynamiquement les `partnercustid` ou `customeremail` variables.

Une fois ceci configuré, vérifiez l’ *Réseau* onglet de la console de développement de votre navigateur pour `partnercustid={passedid}` et `customeremail={passedemail}`.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
**Remarque :** Pour plus d’informations sur la balise Publisher, lisez la [FAQ de la balise Publisher](https://app.gitbook.com/s/wMLlMoFBtKJa8ptd3zaw/what-would-you-like-to-learn-about/platform-features/tracking/tracking-explained/publisher-tag-faq). Si vous n’êtes pas sûr de la façon d’accomplir l’une des étapes mentionnées dans cet article, [contacter le support](https://app.impact.com/support/portal.ihtml?createTicket=true).
{% endhint %}
