2010-08-23 55 views
3

我正在寻找一种解决方案,以便为广告服务器“openx”提供“壁纸”横幅。一张壁纸由排行榜横幅(728x90像素)和垂直摩天大楼组成。我在OpenX本身找不到任何选项,所以我想必须有某种肮脏的方法来完成它。最佳实践:使用OpenX交付壁纸横幅

这里有任何经验的人吗?我想提供一个排行榜横幅,然后附上一个HTML剪贴到横幅 - 其中包含标记到我的摩天大楼横幅...: -/

greg0ire>您可以看到一个“墙纸“这个网站上的横幅(您可能会遇到覆盖横幅广告,请确保您禁用了广告屏蔽扩展程序):http://www.allocine.fr/某些日子在闪光灯中,其他日子它只是在body元素上设置的background-image css属性。我想实现第二个选项。

谢谢!

+0

这是什么语言? – leppie 2010-08-23 10:05:07

+0

OpenX是一个PHP软件。 – timoziemann 2010-08-23 10:40:01

+0

...有针对性的网站是一个TYPO3页面。 – timoziemann 2010-08-23 10:40:33

回答

0

就目前而言,我终于实现了这一点,但我希望看到更好的解决方案:

<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)包含OpenX的的JavaScript调用代码。

1

我得到了壁纸广告,通过使用此方法的openx工作。

首先,我在我的网站的内容包装(使用wordpress,header.php文件)下面创建了一个div。

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

然后创建一个div块与CSS的墙纸图像并将其添加到OpenX的一个文本标语

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

最后,我把OpenX的嵌入代码,并将其放置在ADBG内我粘贴上面的div。

这种技术在所有浏览器上都能很好地工作。

你当然可以将CSS放在adbg div中,并将其存储在CSS文件中。

0

不确定这是否仍然有趣,但openX中有一个名为“Companion positioning”的设置。看一看在OpenX的参考指导下点4.6:

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

这是确保摩天大楼传递每一个排行榜一定交付时间的方法。然后,您可以使用前置/附加功能对背景进行着色,将此“曲棍球棒”变成完整的壁纸。