leinteractive Posted January 24, 2014 Report Posted January 24, 2014 How can I grab the image for the banner but set it as the background image of an element instead of embedding the image on the page? What I'm looking at doing is a full page takeover banner where the advertiser gets to brand the background image of the site with their artwork - but in order to avoid any horizontal scrollbars, I need to have the banner be a background image instead of an inline img tag. Quote
Dave Brain Posted January 25, 2014 Report Posted January 25, 2014 Yes you can . But you need to customize some section in www/delivery/ajs.php file . If you have some developing knowledge then you ca do that one . Quote
andrewatfornax Posted January 25, 2014 Report Posted January 25, 2014 Yeah, to the best of my knowledge, this isn't something we support natively in Revive Adserver. But it's an interesting idea - want to log it as a new feature request in GitHub? Quote
leinteractive Posted January 27, 2014 Author Report Posted January 27, 2014 Yes you can . But you need to customize some section in www/delivery/ajs.php file . If you have some developing knowledge then you ca do that one . Would this change the output for every banner then? What if I just run my banner as an HTML banner and use CSS on my website to apply the background image - will the OpenX/Revive automatically convert the URL to track clicks? For example, if my HTML banner is simply this: <a href="www.clientwebsite.com" class="background-replace"></a> Quote
angolanmade Posted February 7, 2014 Report Posted February 7, 2014 Awesome topic! Have been looking to find out how to achieve this for quite sometime, Interesting! Quote
tbobker Posted February 10, 2014 Report Posted February 10, 2014 Yes reading this I immediately, thought just generate a standard HTML image and href tag and set the background of an element with the image url and wrap with the href tag. That would work.(although I havent tested it) Quote
leinteractive Posted February 10, 2014 Author Report Posted February 10, 2014 Will Revive detect the link in the href of the HTML banner and auotmatically convert it to track the clicks? Quote
tbobker Posted February 10, 2014 Report Posted February 10, 2014 As long as the link is not going to change, you just need to create a html banner, insert your url and upload your image and the invocation code will have the tracking image and link. Quote
leinteractive Posted February 10, 2014 Author Report Posted February 10, 2014 So what would I put in as the HTML for the banner then? Just the DIV tag with the background image applied or do I include the anchor tag with the href set? I see there is a separate field for "Destination URL" - I'm just not sure how the two boxes are related or which one I should be the URL to be tracked into. Quote
tbobker Posted February 10, 2014 Report Posted February 10, 2014 The basic html invocation tag you pull out would look something like this: <a href="revive adserver tracking link - campaign id"> <img src="revive adserver tracking link to uploaded image /> </a> To display a background image and track you can do 1 of 2 ways: 1) you just need to take the src url of the image and apply this to the background. When the image loads it will display the image 2) load your background image however you like, just make sure that you load the above image tag at the same time (as a 1x1 image) to track impressions To track clicks, you simply need to wrap whatever element the background image is loading inside with the link to make it clickable. Quote
leinteractive Posted February 10, 2014 Author Report Posted February 10, 2014 How do I generate the revive ad server trackling links for the image and href? Quote
tbobker Posted February 11, 2014 Report Posted February 11, 2014 I would advise that you review how to setup campaigns and publisher zones so that you are familiar with the platform, but in summary, you just need to set this up as any normal advertising campaign and pull out standard html invocation tracking / publisher zone tracking as specified above. Quote
leinteractive Posted February 11, 2014 Author Report Posted February 11, 2014 I have been using OpenX/Revive for many years...I'm very familiar with the platform...for some reason I can't wrap my head around this particular issue. I think I'll just try it and see what happens! Nothing like some good old trial and error! Quote
tbobker Posted February 26, 2014 Report Posted February 26, 2014 How did you get on. Have you managed to solve this yet? Quote
leinteractive Posted February 26, 2014 Author Report Posted February 26, 2014 I have not had a chance to test anything out yet. I'll post back when I do. Thanks! Quote
leinteractive Posted March 18, 2014 Author Report Posted March 18, 2014 I'm finally getting around to trying to figure this out and I just can't wrap my head around how to do it. Here's a perfect example of what I want to happen: http://minnesota.cbslocal.com/ Notice the sidebars of the website have a clickable sponsor banner on them. How can I do this with Revive? Quote
aleister Posted March 24, 2014 Report Posted March 24, 2014 I would really like to see this as a feature so I became a member to Revive Adserver Forum. We have a Wordpress site and Xenforo forum, selling our own advertisement places to firms and agencies. Our current pageksin / background image ad system is not acceptable in professional sense because it's simply putting an image and url to Wordpress. We are using Revive for banners but this feature, a way to insert two urls or one code and tracking it with Revive would be wondrous. Quote
Eliza0406 Posted April 10, 2014 Report Posted April 10, 2014 Hi, Here is a mod containing the feature to display banner as background image. You can find the mod in below link, which might fllfill your expectations. http://www.openxmods.com/openxmods/Site-Skin-Ads-For-OpenX/prod_1436.html Quote
valurhrafn Posted May 30, 2014 Report Posted May 30, 2014 Hi, If I understand correctly wouldn't it be easy to upload a banner, get its url. Create another HTML banner, and create the html and use magic macros for the link with click tracking. Something like this: <div style="background:url(the banner url) no-repeat center center fixed"> <a href="{clickurl}">The clickurl link</a> </div> Here is a list of available magic macros.http://blackriver.to/2014/01/openx-source-revive-adserver-magic-macros/ Or just create a HTML banner and do it in javascript Quote
carli Posted July 16, 2014 Report Posted July 16, 2014 This works for me: <div style="position: fixed; top:0px; left:0px; z-index: -1; background: url(http://adserver.url/www/delivery/avw.php?zoneid=ZONEID&cb=RANDOM_NUMBER&n=NID) center center no-repeat; width: 100%; height:100%;"> <a href='http://adserver.url/www/delivery/ck.php?n=NID&cb=RANDOM_NUMBER' target='_blank' style="display: block; width: 100%; height: 100%;"></a> </div> You create new zone with custom size: * x *, so you can upload your background banner. Link banners to this zone. Check zone id in code up. You can have multiple banners displayed as background image. Quote
andrewatfornax Posted July 16, 2014 Report Posted July 16, 2014 Now a new feature request in GitHub: https://github.com/revive-adserver/revive-adserver/issues/370 Quote
edubuc Posted January 12, 2015 Report Posted January 12, 2015 This works for me: <div style="position: fixed; top:0px; left:0px; z-index: -1; background: url(http://adserver.url/www/delivery/avw.php?zoneid=ZONEID&cb=RANDOM_NUMBER&n=NID) center center no-repeat; width: 100%; height:100%;"> <a href='http://adserver.url/www/delivery/ck.php?n=NID&cb=RANDOM_NUMBER' target='_blank' style="display: block; width: 100%; height: 100%;"></a> </div> You create new zone with custom size: * x *, so you can upload your background banner. Link banners to this zone. Check zone id in code up. You can have multiple banners displayed as background image. It works on chrome but not on firefox or safari, do you know why? Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.