Jump to content
Tom Watts

Simple Responsive Ads

Recommended Posts

Hi apologies if this has been asked before. I have trawlled through many pages of support but I haven't managed to find what I am after.

 

I would like for my banner ads to be set to display at the full width of the space available. In particular I would like to drop the invocation code for my leaderboard (728x90) into my wordpress editorial content which is 620 wide on a desktop. I would like this ad to show the whole banner regardless of whether on a phone or desktop etc.

 

I'm hoping there is a simple snippet of code I need to add to make this happen?

 

I really hope you can help?

 

Cheers

 

Tom

 

Share this post


Link to post
Share on other sites

I would like for my banner ads to be set to display at the full width of the space available. In particular I would like to drop the invocation code for my leaderboard (728x90) into my wordpress editorial content which is 620 wide on a desktop. I would like this ad to show the whole banner regardless of whether on a phone or desktop etc.

Right, so, you want your banner to be responsive - to scale the size of the content down (or up, possibly) depending on the user's screen dimensions - or perhaps to select from a range of different zone sizes, depending on screen dimensions.

Revive Adserver doesn't have anything built in for this at the moment.

Your choices are:

* Set up a zone for each size banner you want to display, and write your own code to decide which zone tag to include, depending on display size; or

* Set up a *x* sized zone, and use an HTML banner that's responsive of its own right.

Share this post


Link to post
Share on other sites

Hi @giantstep,

This is still the case. However, I can assure you, the core team are not stubborn people (well, okay, maybe sometimes!). Rather, we are just people who need to eat. We have jobs, and we have to spend time at those jobs, so that we can eat.

However, there is good news! You can help us to spend less time at our jobs, so that we can both eat, and spend more time working on the project - which means that (if we can get enough people helping out as well), we will be glad to implement these kind of new features!

Help us out here: https://www.patreon.com/revive_adserver

Share this post


Link to post
Share on other sites

Maybe this way?
Targeting Channels -> Targeting Channel properties -> Delivery Options

EDIT: What is when I define:
Country: AT
"Client - Operating System Version": Android -> Any Version
"Client - Operating System Version": iOS -> Any Version

So what I have to choose?
When I choose "and" the mean iOS + Android + AT ?

 

gggrrrrr sssooo frustrating!!!
This system sucks. The Manual sucks...
Why nobody can explane to me how it works?!

How I can link anything to the Targeting Channels?!

I dont understand the system. Its not logical...

WTF...
Advertiser: My Ads Project > Campaign: ... -> Banner
Add delivery limitation: 
Why here again?! That make no scene at all....

Edited by Display Name

Share this post


Link to post
Share on other sites
On 3/7/2017 at 2:21 AM, Display Name said:

Is there any way to check the Useragent and change the Ad to a small size?

1

Hi @Display Name,

Not within Revive Adserver, no!

But you could certainly do it outside of Revive Adserver - that is, detect the useragent, and then input the appropriate zone tag, depending on what you require.

Share this post


Link to post
Share on other sites

@andrewatfornax I sent the patreon link to my boss. Not sure he will have the patience to wait, given the seriousness of the missing feature. 60% of our traffic is mobile. 

In the meantime, I still have to figure out how to make the ad work on mobile. When I try to set the width to 100% it just does not get honored. Not sure why, this worked in the past. I tried to set it as !important but it still does not work. I only have one 1 ad to work with currently, I will continue to try to get it to respond to screen changes and post here any solution I can find. 

If a solution can be found and stickied on this site, I think it will hold people off for a while until you guys get the time and money to build. Right now, I am in the dark and spent hours already trying to get a banner to work with percentages... 

Someone somewhere must have found a solution. Maybe using js?

Share this post


Link to post
Share on other sites

Just to chime in.

There are two ways to deal with this:

A) use a script in the ad unit (make sure to clear the "This banner can be safely displayed inside an iframe (e.g. is not expandable)" otherwise it will not work. You can then use css media queries to resize the ad container (you will need to create a div around the <ins> tag used by the async code. You can NOT do this with iframes or the traditional document.write code) 

B) set the media queries in CSS to display:none the ad units that you do not want to render at that size. This actually does work, but will not work the way you expect it to if you're using header bidding (since header bidding will still make all the queries even if it's not rendered.)

The preferred option is to just have an ahead-of-time script delete the <ins> units that won't be displayed before asyncjs is run, but if the client resizes the window, they won't come back, hence you can use the css queries to display:none them, but because asyncjs has already run, the ads will not change. 

I don't believe revive has a way of "refreshing" or "deferring" ad load like below

googletag.cmd.push(function() { googletag.pubads().disableInitialLoad(); });

googletag.pubads().refresh();

For if it did, this would be easily solved by pausing the initial load, changing the ad units, then 'refresh' loading the ads. This would also make header bidding easier to manage.

 

 

Share this post


Link to post
Share on other sites
On 1/22/2016 at 4:19 AM, andrewatfornax said:

Right, so, you want your banner to be responsive - to scale the size of the content down (or up, possibly) depending on the user's screen dimensions - or perhaps to select from a range of different zone sizes, depending on screen dimensions.

Revive Adserver doesn't have anything built in for this at the moment.

Your choices are:

* Set up a zone for each size banner you want to display, and write your own code to decide which zone tag to include, depending on display size; or

* Set up a *x* sized zone, and use an HTML banner that's responsive of its own right.

I tried putting *x* or x while setting up the width and height of the zone and it is not accepted? Does this solution still work in 2018 . If you put the alphabet x in the width settings, it says "width is not an integer". 

Share this post


Link to post
Share on other sites

Responsive ads is along waited and much needed feature!

This should be top priority for the dev core team In my humble opinion.

Without responsiveness Revive will be outdated and not so relevant.

I actually requested this feature myself 2 years ago:

But so far nothing has happened...

Share this post


Link to post
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.




×
×
  • Create New...