Les codes d’événement vous permettent de mesurer l’impact qu’ont vos annonces Pinterest sur les actions des utilisateurs sur votre site. Ils sont utiles pour lancer des campagnes qui optimiseront automatiquement des événements spécifiques tels que des campagnes de conversion ou des annonces de reciblage dynamique. Vous aurez également besoin de codes d’événement pour
Après avoir ajouté
Le tableau ci-dessous liste les événements que vous pouvez suivre avec la balise Pinterest. Vous pouvez les utiliser pour
Événement | Objectif |
---|---|
Checkout (paiement final) | Suivre les utilisateurs qui réalisent des transactions. |
AddToCart (ajout au panier) | Suivre les utilisateurs qui ajoutent des articles dans leur panier. |
Pagevisit | Suivre les utilisateurs qui consultent les pages principales, comme les pages produits et articles. |
Signup (inscription) | Suivre les utilisateurs qui s'abonnent à votre produit ou service. |
WatchVideo (visionnage vidéo) | Suivre les utilisateurs qui regardent des vidéos. |
Lead | Suivre les utilisateurs qui montrent de l'intérêt envers votre produit ou service. |
Recherche | Suivre les utilisateurs qui recherchent des produits spécifiques ou des localisations de magasins sur votre site Web. |
ViewCategory (affichage de catégorie) | Suivre les utilisateurs qui consultent les pages de catégories. |
Custom | Suivre un événement personnalisé. Utilisez ce nom d'événement pour effectuer le suivi d'un événement spécial que vous souhaitez inclure dans vos statistiques de conversion. |
[User-defined event] | Tout événement supplémentaire que vous avez défini à des fins de ciblage d'audience. Les événements uniques ne sont pas disponibles pour les rapports de conversion. Pour rappel, les espaces blancs seront supprimés des noms d’événements personnalisés qui sont transmis via la balise. |
Il existe des événements obligatoires et recommandés selon la campagne d’annonces que vous décidez de diffuser.
Type de campagne | Événements obligatoires | Événements recommandés | Données relatives aux événement obligatoires | Données relatives aux événements recommandées |
---|---|---|---|---|
Image de marque | Aucun |
|
Aucun | Correspondance améliorée |
Ventes par catalogue |
|
|
|
|
Considération | Aucun |
|
Aucun | Correspondance améliorée |
Conversions |
Au moins l’une des options suivantes :
|
|
Aucun |
|
Vues de vidéos | Aucun | Aucun | Aucun | Correspondance améliorée |
Il existe des événements obligatoires et recommandés selon les fonctionnalités que vous souhaitez utiliser.
Fonctionnalité | Événements obligatoires | Événements recommandés | Données relatives aux événement obligatoires | Données relatives aux événements recommandées |
---|---|---|---|---|
Conversion Insights |
|
Aucun | currency | Aucun |
Programme de commerçants vérifiés (ou VMP) |
|
Aucun | currency | Aucun |
Reciblage dynamique |
|
Aucun |
|
Aucun |
Si vous avez décidé d’utiliser la configuration manuelle, vous devrez ajouter les codes d’événement vous-même à votre site Web. Les étapes ci-dessous s’adressent aux utilisateurs qui utilisent l’option de configuration manuelle.
- Connectez-vous à votre compte professionnel Pinterest depuis votre ordinateur.
- Cliquez sur
l’icône hamburger en haut à gauche de la page. - Sous Professionnel, cliquez sur Conversions.
- Cliquez sur Commencer.
- Sélectionnez Balise Pinterest uniquement, puis cliquez sur Continuer.
- Cliquez sur Ignorer en bas à droite de l’écran.
- Cliquez sur Passer à la configuration manuelle.
- Copiez le code de base, puis cliquez sur Continuer.
- Choisissez d’activer ou non la correspondance avancée automatique, puis cliquez sur Continuer.
- Cliquez sur Copier le code sous la zone grise, à côté du code d’événement que vous souhaitez ajouter.
- Ouvrez le code de la page de votre site Web sur laquelle vous souhaitez suivre un événement.
- Collez le code d’événement sur la page où l’événement doit se produire, en vous assurant de remplacer les exemples de valeurs par la valeur appropriée pour votre site Web. Ainsi l’événement sera déclenché à chaque chargement de la page.
- Cliquez sur Terminé.
Remarque : si un événement est déclenché uniquement lorsqu’un utilisateur réalise une action spécifique sur la page, comme un clic sur un bouton ou l’envoi d’un formulaire, assurez-vous que le code d’événement s’exécute uniquement à la suite de l’action. Pour cela, vous devez avoir une bonne compréhension des gestionnaires d’événements existants dans le code JavaScript de votre page.
Vous pouvez fournir des informations supplémentaires sur un événement en y joignant un objet contenant des données d’événement. Toutes les données d'événement sont disponibles pour le ciblage de l'audience, mais seuls les événements de valeur (value) et de quantité de commande (order_quantity) sont disponibles pour les rapports de conversions payantes et organiques.
Données d'événement | Exemple de valeur | Type |
---|---|---|
value | 100,00 | Nombre (nombre entier ou virgule flottante) |
event_id | eventId0001 |
Chaîne (chaîne d'identification identifiant l'événement de manière unique) Remarque : cet identifiant peut être envoyé sous l’un des noms de champ suivants, tous sensibles à la casse : |
order_quantity | 1 | Nombre entier |
order_id | 1234IDdeCommande | Chaîne de caractères (order_id est obligatoire pour les rapports d'analyse de conversion) |
product_name | Bottes Parker | Ensemble line_items, chaîne |
product_id | 1414 | Ensemble line_items, chaîne |
product_category | Chaussures | Ensemble line_items, chaîne |
product_variant_id | 1414-Rouge | Ensemble line_items, chaîne |
product_variant | Rouge | Ensemble line_items, chaîne |
product_price | 99,99 | Nombre (nombre entier ou virgule flottante), ensemble line_items, chaîne |
product_quantity | 1 | Nombre entier, ensemble line_items, chaîne |
product_brand | Parker | Ensemble line_items, chaîne |
promo_code | HIVER10 | Chaîne |
property | Athleta | Chaîne |
search_query | bottes | Chaîne |
video_title | Comment personnaliser vos bottes Parker | Chaîne |
lead_type | Newsletter | Chaîne |
currency | USD |
Une des devises suivantes : AED, AMD, ARS, AUD, AZN, BAM, BGN, BHD, BMD, BND, BOB, BRL, BSD, CAD, CHF, CLP, CNY, COP, CRC, CZK, DKK, DOP, EGP, EUR, FJD, GBP, GEL, GIP, HKD, HNL, HRK, HUF, IDR, ILS, INR, ISK, JMD, JPY, KGS, KRW, KWD, KZT, MAD, MDL, MOP, MXN, MYR, NOK, NZD, OMR, PAB, PEN, PHP, PKR, PLN, QAR, RON, RSD, RUB, SAR, SEK, SGD, THB, TRY, TWD, UAH, USD, UYU, VND ou ZAR. Remarque : lorsque vous fournissez une devise avec votre événement de balise, nous calculons le taux de change pour qu'il corresponde à la devise de votre compte annonceur. |
La balise IMG est une partie de code de la balise Pinterest qui agit comme solution de secours dans le cas où les utilisateurs ont désactivé JavaScript dans leur navigateur. Nous vous recommandons d’inclure aussi les données d’événement dans la balise IMG, afin de mieux cibler les utilisateurs. Vous pouvez choisir d’utiliser uniquement la balise IMG sans la balise JavaScript, mais vous devrez alors
Vous trouverez ci-dessous des exemples de chaque type d’événement que vous pourrez copier et coller directement sur votre site Web. Veuillez noter que vous aurez besoin de remplacer les exemples de valeurs par une variable dynamique pour votre site Web.
Checkout (paiement final)
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&ed[event_id]=YOUR_EVENT_ID&ed[value]=10.00&ed[order_quantity]=2&noscript=1" />
Données d’événement : event_id, value, order_quantity et currency
Assurez-vous de saisir le code de devise adapté pour votre site Web.
AddToCart (ajout au panier)
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=AddToCart&ed[value]=10.00&ed[order_quantity]=2&noscript=1" />
Données d’événement : « value », « order_quantity » et « currency ».
Assurez-vous de saisir le code de devise approprié pour votre site Web.
Pagevisit
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=pagevisit&noscript=1" />
Données d’événement : none
Signup (inscription)
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=signup&noscript=1" />
Données d’événement : none
WatchVideo (visionnage vidéo)
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=watchvideo&ed[video_title]=My+Product+Video+01&noscript=1" />
Données d’événement : « video_title »
Lead
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=lead&ed[lead_type]=Newsletter&noscript=1" />
Données d’événement : « lead_type »
Recherche
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=search&ed[search_query]=horse&noscript=1" />
Données d’événement : « search_query »
ViewCategory (affichage de catégorie)
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=viewcategory&noscript=1" />
Données d’événement : none
Custom
Le type d’événement doit être appelé « custom », sinon les conversions suivies par la balise ne seront pas reprises dans les rapports du Gestionnaire d’annonces.
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=custom&noscript=1" />
Données d’événement : none
Les données d'événement value et order_quantity sont disponibles dans les rapports de conversions payantes et organiques. Si vous souhaitez ajouter des données de valeur et de quantité, vous pouvez les transmettre de façon dynamique. Une valeur dynamique peut changer en fonction de l'action effectuée sur votre site. Si vous choisissez de transmettre les données de valeur et de quantité, ce paramètre sera propre à votre site Web et à la façon dont vous enregistrez les ventes. En général, la valeur et la quantité de produits dans chaque commande passée sur votre site Web varie.
<script>
pintrk('track', 'checkout', {
value: {{Enhanced Transaction Revenue}},
order_quantity: {{item.quantity}}
});
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=123456789&event=checkout&ed[value]={{Enhanced Transaction Revenue}}&ed[order_quantity]={{item.quantity}}&noscript=1" />
</noscript>
Valeur signalée : valeur variable achetée avec le Passage en caisse(checkout) correspondant
Quantité signalée : quantité variable achetée avec le Passage en caisse(checkout) correspondant
Remarque : la configuration de données dynamiques de valeur et de quantité de commande est propre à votre site Web.
En complément des données d'événement, vous pouvez ajouter une fonction de rappel JavaScript comme argument optionnel à la fonction pintrk(). Cela permet de disposer d'informations supplémentaires dans l'outil pour les développeurs en cas de problème avec votre balise. La fonction de rappel est exécutée chaque fois qu'un événement d'appel de suivi, la fonction pintrk(), est déclenché.
La fonction de rappel prend les deux arguments suivants :
function(didInit, error) {}
didInit : ce premier argument reçoit une valeur booléenne, qui est égale à true si l'appel de suivi d'événement a bien été créé, et à false si une erreur est détectée lors de l'appel de suivi d'événement.
error : ce second argument reçoit une chaîne, qui décrit l'erreur quand didInit renvoie un false ; si didInit est true, cette chaîne est undefined.
<script>
pintrk('track', 'checkout', {
value: 10.00,
order_quantity: 2,
currency: 'USD',
event_id: 'eventId0001',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_price: 5.00,
product_quantity: 1
},
{
product_name: 'Parker Sandals'
product_id: 'ABC',
product_price: 5.00,
product_quantity: 1
}
]
}, function(didInit, error) { if (!didInit) { console.log(error); }
});
</script>
Pour le suivi et les rapports de conversion, vous devez spécifier l'un des neuf types d'événement dans le code d’événement. Vous devez également remplacer YOUR_TAG_ID par votre identifiant de balise de conversion Pinterest. Pour rappel, vous pouvez inclure n’importe quelle combinaison de données d’événement par événement, en plus de ce qui est indiqué dans les exemples ci-dessous.
Cette section contient un exemple de chaque type d’événement dans un format complet et copiable que vous pouvez intégrer directement sur votre site. Chaque exemple inclut les données d’événement nécessaires pour commencer le suivi de l’activité sur votre site Web. Veuillez noter que vous devez remplacer les exemples de valeurs par la valeur statique ou la variable dynamique appropriée pour votre site Web. Par exemple, vous voudrez probablement suivre la valeur des commandes avec une variable dynamique, car la valeur de chaque commande passée sur votre site Web dépendra de ce que l’utilisateur achète. Cependant, vous pouvez attribuer une valeur statique aux données d’un événement lead_type s’il est uniquement intégré sur une page spécifique.
Checkout (paiement final)
<script>
pintrk('track', 'checkout', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Données d'événement : value, order_quantity, currency, et event_id
Assurez-vous de saisir le code de devise adapté pour votre site Web.
AddToCart (ajout au panier)
<script>
pintrk('track', 'addtocart', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Données d’événement : « value », « order_quantity » et « currency ».
Assurez-vous de saisir le code de devise adapté pour votre site Web.
Pagevisit
<script>
pintrk('track', 'pagevisit', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Signup (inscription)
<script>
pintrk('track', 'signup', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
WatchVideo (visionnage vidéo)
<script>
pintrk('track', 'watchvideo', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Données d’événement : video_title
Lead
<script>
pintrk('track', 'lead', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Données d’événement : « lead_type »
Recherche
<script>
pintrk('track', 'search', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Données d’événement : « search_query »
ViewCategory (affichage de catégorie)
<script>
pintrk('track', 'viewcategory', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
User-defined events (Événements définis par les utilisateurs)
<script>
pintrk('track', 'user_defined_event_name', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Custom
Le type d’événement doit être appelé « custom », sinon les conversions suivies par la balise ne seront pas reprises dans les rapports du Gestionnaire d’annonces.
<script>
pintrk('track', 'custom', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Voici quelques exemples de codes de base combinés à des codes d'événement. Pour rappel, assurez-vous que le code d'événement soit placé après le code de base sur votre site Web.
Exemple d'identifiant de balise de conversion : 123456789 (à remplacer par votre identifiant de balise de conversion Pinterest)
Exemple de code d'événement : PageVisit
<head>
<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function(){window.pintrk.queue.push(
Array.prototype.slice.call(arguments))};var
n=window.pintrk;n.queue=[],n.version="3.0";var
t=document.createElement("script");t.async=!0,t.src=e;var
r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
("https://s.pinimg.com/ct/core.js"); pintrk('load', '123456789'); pintrk('page');
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=123456789&noscript=1" />
</noscript>
<script>
pintrk('track', 'pagevisit');
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=123456789&event=pagevisit&noscript=1" />
</noscript>
</head>
Exemple d'identifiant de balise de conversion : 123456789 (à remplacer par votre identifiant de balise de conversion Pinterest)
Exemple de codes d'événement : PageVisit et AddToCart
<head>
<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function(){window.pintrk.queue.push(
Array.prototype.slice.call(arguments))};var
n=window.pintrk;n.queue=[],n.version="3.0";var
t=document.createElement("script");t.async=!0,t.src=e;var
r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
("https://s.pinimg.com/ct/core.js"); pintrk('load', '123456789'); pintrk('page');
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=123456789&noscript=1" />
</noscript>
<script>
pintrk('track', 'pagevisit');
pintrk('track', 'addtocart');
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=123456789&event=pagevisit&noscript=1" />
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=123456789&event=addtocart&noscript=1" />
</noscript>
</head>