Configuration du tag DeepOne

La migration vers le tagage DeepOne est une évolution importante du fonctionnement de l'adServer, elle permet également plus de personnalisation ainsi qu'une optimisation des temps de réponses.

Toute la philosophie de cette nouvelle mouture repose sur la décomposition de l'initialisation au niveau de la page de l'AdServer et du chargement des emplacements par la suite.

Etape 1 : chargement global à la page

La première partie du script est à placer le plus haut possible dans la zone body, et dans tous les cas avant les appels d'emplacements.

<script src="https://deep.edgequery.io/deepone.js?w=code_widget&a=code_compte"></script>
<script>
    eqDeep.setRunEnv('prd');
    eqDeep.push();
</script>

Vous pouvez récupérer facilement ce bout de code depuis la liste des widgets sur le backoffice :

Il est après possible de personnaliser les informations globales de la pages via l'objet eqDeep.

Etape 2 : chargement des emplacements

Le second point consiste à déclarer les autres emplacements sur le site, soit l'emplacement SmartCover, soit des emplacements Display.

Intégration du format SmartCover

Le format SmartCover peut être positionné n'importe où, à condition qu'il soit en dessous du chargement global de la page.

<div id="phSmartcover"></div>
<script>
    phSmartcover = eqDeep.addBlock('phSmartcover','smartcover','phSmartcover');
    phSmartcover.push();
</script>

Attention, vous ne pouvez définir qu'une seule fois cet emplacement sur une page

Intégration d'un format display

A la différence du format SmartCover, le format display doit être positionner à l'endroit exacte où vous voulez le voir apparaître.

<div id="phRectangleHaut" style=""></div>
<script>
    phRectangleHaut = eqDeep.addBlock('phRectangleHaut','display','phRectangleHaut', ['display-rectangle']);
    phRectangleHaut.push();
</script> 

L'important dans la définition d'un emplacement display repose dans le 4ème argument de la fonction addBlock, en effet, dans cet argument on va founir la liste des templates activable sur cet emplacement. Pour l'heure deux templates sont disponibles :

• display-rectangle : pour un affichage de rectangle 300x250px ou de double rectangles 300x600px

• display-banner : pour un affichage horizontal de bannières allant de 320x50px à 970x250px

Ce paramètre étant un tableau, votre emplacement peut gérer plusieurs templates.

L'identification d'un emplacement se réalise au travers de l'id de la div. Cette dernière doit bien entendu être unique dans votre page.

Personnalisation

A travers l'objet Block, vous allez pouvoir réaliser un grand nombre de personnalisations décrites dans la documentation. Dont la gestion d'un comportement particulier en fonction de la taille de l'écran, l'activation de la fonction "sticky" ou la gestion de passback de monétisation.