Bonne pratique: livraison d'une bannière de fond d'écran avec OpenX

Question

Je cherche une solution pour livrer une bannière "wallpaper" avec l'adserver "openx". Un fond d'écran est constitué d'une bannière de classement (728x90 px) et d'un gratte-ciel vertical. Je ne trouve aucune option dans OpenX lui-même, donc je suppose qu'il doit y avoir une sorte de méthodes sales pour le faire.

Quelqu'un a-t-il des expériences avec ce produit? Je pense à délivrer juste une bannière de classement et puis attacher un html coupé à la bannière - qui contient le balisage à ma bannière de gratte-ciel ...: -/

greg0ire> Vous pouvez voir un exemple de "fond d'écran" "bannière sur ce site (vous pouvez rencontrer une bannière de superposition avant, assurez-vous de désactiver les extensions de blocage des publicités): http://www.allocine.fr/ Certains jours, il est en flash, d'autres jours, il est juste une propriété css background image sur l'élément de corps. Je voudrais atteindre la deuxième option.

Merci!

Answer 1

Pour le moment, je fini par faire, mais je voudrais voir de meilleures solutions:

<div class="openx_<?php echo $_block->getBlockParameter('css_class');?> openx_background hidden"> 
<?php echo str_replace('INSERT_RANDOM_NUMBER_HERE', rand(0, 9000), $_block->getBlockParameter('html', ESC_RAW));?> 
    <?php echo javascript_tag()?> 
    var checkImg = window.setInterval(function(){ 
     if (jQuery('.openx_background img').length) 
     { 
     jQuery("body").css('background', 'url("' + jQuery('.openx_background img').attr('src') + '") no-repeat'); 
     window.clearInterval(checkImg); 
     } 
    }, 1000); 
    //give up 3 s later 
    setTimeout(function(){ 
     if (jQuery('.openx_background img').length == 0) 
     { 
     clearInterval(checkImg); 
     } 
    }, 3001); 
    <?php echo end_javascript_tag()?> 
</div> 

$_block->getBlockParameter('html', ESC_RAW) contient le code javascript d'invocation OpenX.

Answer 2

J'ai eu des publicités de fonds d'écran à travailler via openx en utilisant cette méthode.

D'abord, j'ai créé un div ci-dessous l'encapsuleur de contenu de mon site (en utilisant wordpress, fichier header.php).

<div id="adbg" style=" margin: 0pt auto; height: 1000px; width: 100%; position: fixed; cursor:pointer; "> 

Ensuite, je crée un bloc div avec l'image de fond d'écran dans le CSS et ajouté à OpenX comme un texte BANNIERE

<div OnClick="location.href='#';" style="background: url('image.jpg') no-repeat scroll center top #026eb4; height: 100%; width: 100%; margin: 0pt auto; cursor:pointer; "></div> 

Enfin, je pris le code embed OpenX et la place dans le ADBG div je l'ai collé ci-dessus.

Cette technique a bien fonctionné pour moi sur tous les navigateurs.

Vous pouvez bien sûr prendre le CSS dans le div adbg et le stocker dans votre fichier CSS.

Answer 3

Vous ne savez pas si cela vous intéresse toujours, mais il existe un paramètre dans openX pour ce que l'on appelle "Positionnement compagnon". Jetez un oeil sur le guide de référence OpenX au point 4.6:

http://opensourceusers.com/sites/default/files/openx_reference_guide.pdf

Il est une méthode pour faire en sorte qu'un gratte-ciel est livré chaque fois est livré un certain leaderboard. Vous pouvez ensuite utiliser la fonctionnalité de préfixe/ajout pour colorier l'arrière-plan afin de transformer ce «bâton de hockey» en un fond d'écran complet.