docs
Français
Français
  • Présentation
  • INTEGRATION
    • A propos
    • Intégration client-side
    • Intégration server-side
    • Gestion des cookies
  • PREREQUIS
    • Catalogue produits
      • Protocole & Format
      • Fichier CSV
  • SDK JAVASCRIPT
  • Guide d'installation
  • Evènements de visite
  • Evènements de vente
  • Evènements de tracking
  • API INTEGRATION
    • Developer notes
    • Reference
  • RESSOURCES
    • Site web
    • Status
    • Confidentialité
Propulsé par GitBook
Sur cette page
  • Homepage
  • Page de recherche
  • Page liste produit de catégorie
  • Page détail produit

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

Homepage

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

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

Page de recherche

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

<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>
<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>

Page liste produit de catégorie

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

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

Page détail produit

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

<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>
<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ètres
Détails
Obligatoire

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)

alias

L' identifiant du client transformé avec une fonction de hachage (MD5, SHA-256)

NON

PrécédentGuide d'installationSuivantEvènements de vente

Dernière mise à jour il y a 1 mois