leinteractive Posted January 24, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
Dave Brain Posted January 25, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
andrewatfornax Posted January 25, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
leinteractive Posted January 27, 2014 Author Report Share 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 Link to comment Share on other sites More sharing options...
angolanmade Posted February 7, 2014 Report Share Posted February 7, 2014 Awesome topic! Have been looking to find out how to achieve this for quite sometime, Interesting! Quote Link to comment Share on other sites More sharing options...
tbobker Posted February 10, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
leinteractive Posted February 10, 2014 Author Report Share 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 Link to comment Share on other sites More sharing options...
tbobker Posted February 10, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
leinteractive Posted February 10, 2014 Author Report Share 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 Link to comment Share on other sites More sharing options...
tbobker Posted February 10, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
leinteractive Posted February 10, 2014 Author Report Share Posted February 10, 2014 How do I generate the revive ad server trackling links for the image and href? Quote Link to comment Share on other sites More sharing options...
tbobker Posted February 11, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
leinteractive Posted February 11, 2014 Author Report Share 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 Link to comment Share on other sites More sharing options...
tbobker Posted February 26, 2014 Report Share Posted February 26, 2014 How did you get on. Have you managed to solve this yet? Quote Link to comment Share on other sites More sharing options...
leinteractive Posted February 26, 2014 Author Report Share Posted February 26, 2014 I have not had a chance to test anything out yet. I'll post back when I do. Thanks! Quote Link to comment Share on other sites More sharing options...
leinteractive Posted March 18, 2014 Author Report Share 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 Link to comment Share on other sites More sharing options...
aleister Posted March 24, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
Eliza0406 Posted April 10, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
valurhrafn Posted May 30, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
carli Posted July 16, 2014 Report Share 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 Link to comment Share on other sites More sharing options...
andrewatfornax Posted July 16, 2014 Report Share Posted July 16, 2014 Now a new feature request in GitHub: https://github.com/revive-adserver/revive-adserver/issues/370 Quote Link to comment Share on other sites More sharing options...
edubuc Posted January 12, 2015 Report Share 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 Link to comment Share on other sites More sharing options...
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.