Adding ads for mobile?

Hi Prepu,

There isn’t anything stopping you from using AdKingPro for mobile advertising. AdKingPro gives you the ability to add and track adverts on your site, it does not modify or style how this is to look on your website. Technically speaking, responsive CSS should handle your adverts, not the plugin.

I’d be happy to give you guidance on this if you provide a link to where your advert isn’t working responsively.

Hi Ash,

Sorry for the delay in my answer. I wasn’t talking if adkingpro is or not responsive. My idea is to make banner in the lower part of the mobile that is shown while I am read the webpage.
You can have a look of what I was talking if you use user mobile here:
https://www.elmundo.es
I would be great if I can choose the height of the banner.
I was also thinking how can I give some ads to my clients. Now I have the ads in my sidebar and the sidebar is hidden in mobiles and tablet.

Hi,

However in actual fact, that could potentially be a form of responsiveness.

Once a screen size is below 767px (if you were to target handhelds under an iPad portrait size) you could have the container that has the advert in it fixed to the body of the page with 100% width. You could leave the height auto so that the banner will stay to scale. By doing this, your applying responsive CSS to your site.

Restricting banners to heights within the plugin and forcing them into positions is not what this plugin is about (nor will it ever be). AdKingPro gives its users the freedom to place its banners where ever they desire and to have them styled anyway they want it to be (keeping responsiveness at top of mind – setting dimensions prevents responsive coding from working correctly). By adding what your suggesting to the plugin is forcing the users to use their banners in a particular way. To manage the height of a banner, upload the correct size you need (uploading an image bigger than it should/needs be is bad practice for load time).

The options you are referring to is rather particular (not everyone would want to have this) and is quite easily achieved with a few lines of CSS code (the below is not tested).

@media only screen and (max-width: 767px) {
    .adkingprobanner.sidebar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }
}

I do hope that helps in displaying your adverts at all screen sizes.

Hi and sorry for the delay.

I have tried adding the code you gave me in my style.css. The result si that I have the banner fixed.

The problem is that I don’t want to use the same banner I have in my sidebar (now is 250px x 150px). My idea is to use a unique rectangle banner for the “footer” (perhaps 728x90px but it will adapt to the width of the mobile) and only for mobile or tablets. For example, if I see the page in a PC that banner will not see it.

That’s why I say it could be a different function or plugin.

Thank you for you time and help.

Hi Prepu,

Again, what you require could be managed solely with CSS, allowing the functionality to work whenever you resize the window instead of relying on PHP headers or javascript browser information to display your adverts.

If you add two section containers (splitting it either with two advert types or choosing the individual adverts), show one at desktop sizes (768px* and up) and show the other a mobile sizes. Note that this will give you an impression on both adverts and therefore will give you incorrectly stats of the percentage between impressions and clicks.

*The minimum desktop size is completely up to you as it depends on the design and how you have it fold in as screen sizes get smaller.

Ash, thank you for the information. I am not a programmer and that’s why I am asking (perhaps) silly things.

I will try to get information of how can I create a container just for mobile sizes and keep it sticky in the footer.

Thanks again.

Hi Prepu,

No question is ever silly. All the best information comes from questions ??

How are you currently adding the advert to your sidebar? With a widget? If so, if you do the following, you should get your desired result:

1. Create a new advert type (eg. Mobile banners)
2. Assign the banner you would like to this advert type
3. Drag on a new widget underneath the already existing one
4. On the new widget, select to use adverts in the new advert type
5. Update your CSS that you copied above to the following:

   .adkingprobanner.mobile-banners {
       display: none;
   }
   @media only screen and (max-width: 767px) {
       .adkingprobanner.sidebar {
            display: none;
       }
       .adkingprobanner.mobile-banners {
           display: block;
           position: fixed;
           bottom: 0;
           left: 0;
           width: 100%;
           z-index: 1000;
       }
   }

The CSS is off the basis that you call your advert type “Mobile Banners”. Let me know if that does what you need ??

Hi Ash and thanks for your fast answer.

I have added that code in my style.css and it doesn’t work. I think there is something in my theme that is overwritting that. Now, I have another banner in my sidebar but nothing when the screen is smaller.
Here is the site I use to make tests:
https://188.165.218.80/test2/

Hi Prepu,

I can see that your mobile banner is still in the ‘sidebar’ advert type. I stated that you need to create a new advert type, assign your mobile banner to that and output that advert type.

Have you done this?

Yes, I have done everything you said. I’ve just had a look again and it is still not working. ??

Hi Prepu,

Nothing has changed. I still see the mobile banner coming out as a “sidebar” item. Are you using the banner id instead of the advert type?

I have selected in “Appearance – Widgets” the Adkingpro widget and inside the advert type and below the ID ad. I don’t what else can I do…

I have also tried to add it as a banner inside a post to see if in a computer is not seen but it doesn’t work as well.

At last, I would like to make a suggesttion for a future update: In tab “How to” it is not really clear of how to add the shortcode. I mean, instead of [adkingpro banner='{banner_id}’] I suggest [adkingpro banner=’banner_id’] without {}. It can make confusion an put the number inside of {999}.

I just want to improve it!

Hi Ash, I know that you must be busy. I only want to let you know that the code you have gave me above doesn’t work as desire.

Do you have any other idea to make it work?

Thanks again.

Hi Prepu,

It would appear that you have now removed the mobile menu as I can’t see it at all now. When I get a chance, I’ll set up a test scenario to show you how you would go about doing this with a bit of a tutorial on how to set it up.

I’ll keep you posted.

Ash, thank you very much!!

Actually, the mobile banner is the second one on the sidebar (the one that is very rectangule).

I am looking foward to see your test scenario. ??