Header Bidding avec Prebid.js

Depuis la version 3.21 de Prebid.js, Edge Query Smart Cover est un des adaptateurs utilisable pour vos appels en Header Bidding.

Téléchargement d'une nouvelle version de Prebid.js

Pour permettre l'appel à Edge Query en header bidding, vous devez charger la dernière version de le librairie sur le site de Prebid : http://prebid.org/download.html.

Puis cocher l'adaptateur "Edge Query X", en plus de ceux que vous utilisez déjà.

Sélection d'Edge Query X lors du téléchargement de Prebid

Puis vous devez mettre à jour le script sur votre site Internet.

Appel d'Edge Query dans le script d'header bidding

Pour appeler Edge Query Smart Cover, il suffit de l'ajouter dans la liste des bids, quelque soit la taille de la création (il est préférable de définir un appel spécifique de type "out of page" pour éviter la mise en concurrence des autres bidders répondant sur des formats IAB classiques).

La déclaration du bidder est très simple comme l'illustre le code ci-dessous. Les 3 informations obligatoires sont :

• bidder : le code du bidder doit être edgequeryx

• dans les params :

  • accountId : votre code de compte fournis par l'équipe Edge Query

  • widgetId : le code du widget (en général un widget par compte) à appeller. Vous pouvez retrouver ce code directement sur https://my.edgequery.io rubrique Widgets.

 var adUnits = [
{
    [...] 

    bids: [
        {
            bidder: '...',
            params: {
                placementId: ...
            }
        },
        {
            bidder: 'edgequeryx',
            params: {
                accountId: 'votre_compte',
                widgetId: 'id_widget'                          
            }
        }
    ]
}

Activation des campagnes dans GAM

La programmation dans Google Ad Manager fonctionne de la même manière que pour vos autres bidders. Il faut retenir que pour la mise en place de la création vous devez choisir le type "Personnalisée".

Entrer le code (générique) suivant :

<script src = "https://cdn.jsdelivr.net/npm/prebid-universal-creative@latest/dist/creative.js"></script>
<script>
  var ucTagData = {};
  ucTagData.adServerDomain = "";
  ucTagData.pubUrl = "%%PATTERN:url%%";
  ucTagData.targetingMap = %%PATTERN:TARGETINGMAP%%;
  ucTagData.hbPb = "%%PATTERN:hb_pb%%";

  try {
    ucTag.renderAd(document, ucTagData);
  } catch (e) {
    console.log(e);
  }
</script>
%%VIEW_URL_UNESC%%

Et surtout ne pas cocher la case "Diffusée dans un cadre SafeFrame" pour permettre à Edge Query de fonctionner.