Responsive banner/campaign sizes

[AngryWarrior]

Revive devs!
Please allow us to use have an option for response ads option in the drop-downs of campaigns/banners. ?

 

[andrewatfornax]

Noted!

https://documentation.revive-adserver.com/display/DOCS/Missing+Features ?

[AngryWarrior]

Thank you Andrew for taking it under consideration! ? ?

[AngryWarrior]

Will this be added at some point or it isn't planned at all @andrewatfornax?

Considering I asked about this two years ago I'm guessing the answer is no, but please correct me if I am wrong. ?

Kind regards

[andrewatfornax]

I hope that it will be at some point - however, I'm not aware of any plans at the moment by any of the core team members to actively work on the issue at the moment.

I've been caught up with other projects for the last 6+ months, but hope to be able to devote more time to Revive Adserver again soon...

[AngryWarrior]

Thanks Andre for your reply.

Well it's certainly needed, so I hope they do something about it.

Responsiveness is huge part of the ad market today as I am certain that you know and if it is not added then Revive will certainly fall behind other ad server solutions. 

Kind regards

 

 

[isabella]

Hi @andrewatfornax, 

We (business) have been using OnlyMega (adserver) for a few months and today we decided to try RA. Unfortunately the only problem is the lack of responsiveness (100% width). In our case, we use HTML5 banners made on Google Web Designer. All of our ads are responsive but revive doesn't natively support it. On OnlyMega, we're able to just select a checkbox with "reponsive" and the ad works nicely by adjusting height to 100% width. In any case, i've read all the discussions and I see this is a long term issue. I/my company wouldn't mind becoming patreon supporters (actually if we used revive it would save a few thousand dollars per year) but at the moment it just doesn't make sense for us because our website is extremely depentent on the screen size... I've read the "missing features" page and I don't know what to expect. Should I donate and wait indefinitely for it? What is the best course of action? 

 

Anyway, revive 99% awesome...

Thank you, regards.

[johnb]

Hey @andrewatfornax We'd also like to help fund the ability to have responsive adverts in Revive!!

We receive Google Web Designer adverts from clients who can't understand why the responsive versions don't get shown.

Can you advise us and @isabella how we can best get this feature looked at please?

[stephan]

I made two patches so that banner are responsive and are shown depending on the breakpoint:

https://github.com/revive-adserver/revive-adserver/pulls

[AngryWarrior]

Nice, job thank you for sharing @stephan with all of us! ? 

[chris]

Dear all,

thanks for sharing the changes of the source code, which I have implemented accordingly. But there is nothing happening. I do not see anything different than before in the backend. Did I do something wrong? What do I have to do in order to have responsive banner? Is there something more to be changed if I run a language other than English?

Thanks for your support.

Chris

[stephan]

First add a class to the image tag like this (e.g. Bootstrap)

$imageTag = "$clickTag<img src='" . htmlspecialchars($imageUrl, ENT_QUOTES) . "' width='$width' height='$height' alt='$alt' title='$alt' class='img-fluid'$imgStatus />$clickTagEnd";

I changed this in the file asyncspc.php at line 3462 (folder 'delivery') but this depend on the method you are using.

Then copy this file
https://raw.githubusercontent.com/revive-adserver/revive-adserver/35aa0c7c0507be3f4a94b7a7501f6100a9884b85/www/delivery_dev/async.js
and replace the file in the folder 'delivery'.
You could minify it if you like.

 

 

[chris]

Dear stephan,

thanks for the further changes. Just in order to get it right.

Do I have to add in asyncspc.php

$imageTag = "$clickTag<img src='" . htmlspecialchars($imageUrl, ENT_QUOTES) . "' width='$width' height='$height' alt='$alt' title='$alt' class='img-fluid'$imgStatus />$clickTagEnd";

additionaly to

$imageTag = "$clickTag<img src='" . htmlspecialchars($imageUrl, ENT_QUOTES) . "' width='$width' height='$height' alt='$alt' title='$alt' border='0' class='" . $conf['defaultBanner']['class'] . "' $imgStatus />$clickTagEnd";

which is one of the 5 changes in Github?

It looks for me quite similar.

async.js was not modified in the original Github changes.

Therefore, do I have to change only with your modifications (asyncspc.php and async.js), or do I have to add your modifications additionally to the 5 changes described in Github?

I believe this is not only important for me, but for a lot of other Revive user, because all of us want to use the responsive banners which are state of the art now.

Thanks again for your support.

Chris

[stephan]

On 8/28/2022 at 1:34 PM, chris said:

I believe this is not only important for me, but for a lot of other Revive user, because all of us want to use the responsive banners which are state of the art now.

Please make some noise ?
I would like to get rid off my patch.
Maybe you could leave a comment at the patch.

With my patch about responsive images there are a bit more changes but until my patch is not added it is easier to add only the change I described here.

Edited August 29, 2022 by stephan

[chris]

Dear stephan,

yes we have to do so.

I have implented your changes now as well. This means the change in asyncspc.php and replacing async.js.

But in the Revive backend there are no changes visible if you select between the banner web, url, html or text. There is still the asterix in width and hight in order to put a value there. Without that you cannot save the banner. No responsive tag can be integrated.

Please can you describe for me and all the others what (exactly) to do in order to put an responsive banner into the backend.

That would be really great.

Thanks again.

Chris

[stephan]

My changes are not for responive tags but for showing responsive images and showing different zones at different breakpoints.

Edited September 8, 2022 by stephan

[Mathias]

Thank you  Stephan,

the only changes necessary was one tag (class='img-fluid') in line 3462 in the file asyncspc.php for a normal image-ad.

Cheers,
Mathias