Une page de conteneur est un document HTML générique utilisé par Bazaarvoice pour créer des pages de soumission dédiées et hébergées sur votre site Web. Ces pages servent de conteneur pour les formulaires de soumission, comme les formulaires Ratings & Reviews. Bazaarvoice dirige toujours les demandes de soumission via mobile vers une page de conteneur, mais vous pouvez décider si les demandes d'envoi non mobiles doivent s'ouvrir dans une page de conteneur ou dans une fenêtre contextuelle sur la page de produit (PDP).

Remarque : pour une utilisation optimale, utilisez la page de conteneur hébergée par Bazaarvoice pour les demandes de soumission par mobile. Nous ne vous recommandons pas d'héberger vous-même votre page de conteneur.
Aide détailléeDémarrage rapideVérifier votre travail

Quel est l'impact des pages de conteneur sur l'expérience des clients ?

L'impact des pages de conteneur varie selon que le client accède au formulaire de soumission via un appareil mobile ou non mobile. Reportez-vous aux descriptions et exemples suivants pour obtenir plus d'informations.

Envois mobiles

Pour les demandes via mobile, le formulaire de soumission s'ouvre toujours dans une page de conteneur. Vous devez paramétrer et héberger votre propre page de conteneur. Dans le cas contraire, Bazaarvoice ouvrira un formulaire de soumission générique par défaut dans une page avec une URL Bazaarvoice.

Soumissions non-mobile avec page de conteneur

Lorsque vous utilisez une page de conteneur, les demandes d'envoi qui ne sont pas faites sur mobiles peuvent déclencher l'ouverture d'une page ressemblant à une page d'envoi dédiée aux clients. Lorsqu'un client sélectionne le lien pour donner son avis dans un e-mail post-interaction, le lien ouvre le formulaire de soumission d'avis dans une page dédiée, et non dans la PDP.

Soumissions non-mobile sans page de conteneur

Si vous ne dirigez pas les demandes de soumission non-mobiles vers une page de conteneur, le formulaire de soumission s'ouvre dans une fenêtre contextuelle dans la PDP.

Créer et héberger une page de conteneur

Lorsque Bazaarvoice fournit une page de conteneur générique pour les demandes via mobile, cette page comporte une URL Bazaarvoice. Si vous ne souhaitez pas que vos clients puissent voir une URL non liée à votre marque, procédez comme suit pour créer et héberger votre propre page de conteneur :

  1. Créez un document HTML vierge et ajoutez uniquement le code suivant :
    2. <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> <meta name="robots" content="noindex, nofollow"> <link rel="canonical" href="container.htm"/> <meta name="bv:pageType" content="container"> </head> <body> <script async src="https://apps.bazaarvoice.com/deployments/<client_name>/<site_ID>/<environment>/<locale>/bv.js"></script> </body> </html>

    Remarque : Si votre implémentation existante utilise le fichier scout (bvapi.js), le document HTML devrait ressembler à ceci :

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> <meta name="robots" content="noindex, nofollow"> <link rel="canonical" href="container.htm"/> </head> <body> <script type="text/javascript" src="https://display.ugc.bazaarvoice.com/bvstaging/static/<client_name>/<site_ID>/<locale>/bvapi.js"></script> <script> $BV.container('global', {} ); </script> </body> </html>

  2. Dans l'élément <link>, remplacez container.htm par l'URL relative ou absolue où sera hébergée la page de conteneur.

    Attention : si vous intégrez une URL erronée dans la référence container.htm, l'envoi ne fonctionnera pas.

  3. Dans <script>, remplacez les éléments suivants :

    • <client_name> —fait référence au nom de client fourni par Bazaarvoice. Veillez à utiliser des lettres minuscules pour la valeur.
    • <site_ID>—Identifiant de la zone de déploiement que vous voulez utiliser. Cette valeur est définie dans la plateforme de configuration accessible à partir du Workbench de Bazaarvoice. La zone de déploiement par défaut se nomme « main_site » (site principal). Contactez votre représentant Bazaarvoice pour vous assurer que votre identifiant est correct ou connectez-vous à la plateforme de configuration pour le vérifier.
    • <environment>—fait référence à l'environnement de données que vous souhaitez utiliser. Il doit s'agir d'un environnement de « pré-production » ou de « production ». Assurez-vous de référencer l'environnement voulu.
    • <locale> fait référence à la langue utilisée dans l’implémentation. Si vous n'utilisez pas l'anglais, remplacez en_US par le code de votre langue.
  4. Ajoutez le document HTML au domaine intégré avec le code Bazaarvoice.

  5. Dans la rubrique Getting Started (Bien démarrer) de la plateforme de configuration Ratings & Reviews, sélectionnez Technical Setup (Configuration technique). À partir de la page Site Profile (Profil du site), faites défiler jusqu'à la rubrique Hosts and URLs (Hôtes et URL) et saisissez l'URL de la page de conteneur dans le champ de texte Container URL (URL de conteneur), puis sélectionnez la langue et les paramètres régionaux.

    Remarque : si vous avez implémenté plusieurs régions spécifiques, vous devrez créer une page de conteneur pour chacune d'entre elles.

  1. Créez deux pages de conteneur, une en pré-production et l’autre en production. Chaque page de conteneur ne doit inclure que le code suivant (ou un code semblable). Si vous utilisez plusieurs paramètres régionaux, une page doit être créée en pré-production et en production pour chaque paramètre régional.

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <meta name="robots" content="noindex, nofollow"> <!-- You can use either the relative or the absolute path to the canonical URL. For example, if the page is hosted --> <!-- at http://www.example.com/path/to/container.html, you can enter the canonical URL "container.html" or the full path. --> <link rel="canonical" href="container.htm" /> <meta name="bv:pageType" content="container"> </head> <body> <script type="text/javascript" src="https://apps.bazaarvoice.com/deployments/<client_name>/<site_ID>/<environment>/<locale>/bv.js"></script> </body> </html>
    Remarque : Si votre implémentation utilise bvapi.js, votre page de conteneur doit inclure un code semblable au code suivant : 

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <meta name="robots" content="noindex, nofollow"> <!-- You can use either the relative or the absolute path to the canonical URL. For example, if the page is hosted --> <!-- at http://www.example.com/path/to/container.html, you can enter the canonical URL "container.html" or the full path. --> <link rel="canonical" href="container.htm" /> </head> <body> <script type="text/javascript" src="https://display.ugc.bazaarvoice.com/bvstaging/static/<client_name>/<site_ID>/<locale>/bvapi.js"></script> <script> $BV.container('global', {} ); </script> </body> </html>

  2. Dans l'élément <link>, remplacez container.htm par l'URL relative ou absolue où sera hébergée la page de conteneur. Dans l'appel bv.js, remplacez <client_name>, <site_ID>, <environment> et <locale> par les valeurs adéquates.
  3. Dans la plateforme de configuration, sélectionnez Technical Setup (Configuration technique) sous Getting Started (Commencer) sur le côté gauche de la page.
  4. Faites défiler vers le bas sous l’onglet Site Profile jusqu'aux champs Container URL et Staging Container URL.
  5. Indiquez une URL unique dans chaque champ (pour la production et la pré-production). Si plusieurs paramètres régionaux sont utilisés dans votre environnement, n’oubliez pas de sélectionner les paramètres régionaux en utilisant le menu déroulant au-dessus du champ, puis spécifiez une URL unique pour chaque paramètre régional.
  6. Déployez ces modifications en pré-production et en production.

Vérifiez les points suivants :