Aller au contenu

Evènements de visite

Pour mesurer l’inventaire disponible pour les annonces publicitaires, il est nécessaire d’envoyer les informations contextuelles relatives à chaque emplacement défini lors de la configuration de votre compte. Dans une intégration client-side, le déclenchement de cet événement permettra d’afficher les annonces publicitaires.

Le tableau ci-dessous présente les différents types de pages possibles ainsi que les codes correspondants :

Type de Page Code
Homepage home
Page de résultat de recherche search
Page de navigation (univers, hub) hub
Page liste produit de catégorie plp
Page détail produit pdp

Le script suivant est un exemple de code JavaScript à exécuter pour une page de type home.

Exemple

<script type="text/javascript">
window.vzbl_q = window.vzbl_q || [];
window.vzbl_q.push({
event: "visit",
value: {
placement: "home"
}
});
</script>

Le script suivant est un exemple de code Javascript à exécuter pour une page de type search.

Exemple minimal

<script type="text/javascript">
window.vzbl_q = window.vzbl_q || [];
window.vzbl_q.push({
event: "visit",
value: {
placement: "search",
search_terms: "smart home device"
}
});
</script>

Exemple complet

<script type="text/javascript">
window.vzbl_q = window.vzbl_q || [];
window.vzbl_q.push({
event: "visit",
value: {
placement: "search",
search_terms: "smart home device",
alias: "233eca12ac66bd99b410dae07ca910d9",
listed_products: {
ids: ["skuPos1", "skuPos2", "skuPos3", "skuPos4"],
total: 2872,
page: 1,
sort: "popularity",
filters: [
{code: "color", op: "in", value: ["red", "blue"]},
{code: "seller", op: "eq", value: "ACME NG"},
{code: "price", op: "lte", value: 299.99},
{code: "rating", op: "gt", value: 3.5}
]
}
}
});
</script>

Le script suivant est un exemple de code Javascript à exécuter pour une page de type plp.

Exemple minimal

<script type="text/javascript">
window.vzbl_q = window.vzbl_q || [];
window.vzbl_q.push({
event: "visit",
value: {
placement: "plp",
category: "c29023"
}
});
</script>// Some code

Exemple complet

<script type="text/javascript">
window.vzbl_q = window.vzbl_q || [];
window.vzbl_q.push({
event: "visit",
value: {
placement: "plp",
category: "c29023",
alias: "233eca12ac66bd99b410dae07ca910d9",
listed_products: {
ids: ["skuPos1", "skuPos2"],
total: 287,
page: 2,
sort: "price_asc",
filters: [
{code: "color", op: "eq", value: "white"},
{code: "free_delivery", op: "eq", value: true},
{code: "price", op: "lt", value: 99.99},
{code: "rating", op: "gte", value: 4}
]
}
}
});
</script>

Le script suivant est un exemple de code Javascript à exécuter pour une page de type pdp.

Exemple minimal

<script type="text/javascript">
window.vzbl_q = window.vzbl_q || [];
window.vzbl_q.push({
event: "visit",
value: {
placement: "pdp",
product: {
id: "sku910d",
categories: ["c290", "c2902", "c29023"]
}
}
});
</script>

Exemple complet

<script type="text/javascript">
window.vzbl_q = window.vzbl_q || [];
window.vzbl_q.push({
event: "visit",
value: {
placement: "pdp",
alias: "233eca12ac66bd99b410dae07ca910d9",
product: {
id: "sku910d",
categories: ["c290", "c2902", "c29023"],
price: 456.90,
availability: "in stock",
rating: 4.2,
reviews: 168
}
}
});
</script>
ParamètresDétailsObligatoire
placement

Le code du type de page visitée / emplacement

Exemple: "home", "search", "plp", "pdp"

OUI
search_terms

Les mots clés recherchés par l’utilisateur

Exemple: "my search terms"

OUI (search)
category

L'identifiant de la catégorie principale de la page liste de produits

Exemple: "cat1302"

OUI (plp)
product.id

L’identifiant du produit de la page détail produit

Exemple: "pid9123374"

OUI (pdp)
product.categories

Identifiants des catégories d’appartenance du produit

Exemple: ["cat1", "cat13", "cat1302"]

OUI (pdp)
listed_products.ids

Un tableau contenant les identifiants des produits présents sur la page courante

Exemple: ["pid1", "pid23", "pid372"]

NON (search, plp)
aliasL' identifiant du client transformé avec une fonction de hachage (MD5, SHA-256)NON