Customizing the ad experience for mobile screen size

[rdr]

Hi, folks. I use Genesis Simple Hooks and the genesis_entry_footer entry to place Google Ads in my site at http://www.RSNStats.com/blog. It works fine.

Problem is, the same ad I show on the desktop messes up the theme's mobile experience. Specifically, since the ads are wider than the phone's display, they make it possible to scroll horizontally when the site is viewed on a mobile device. Obviously, that's not the experience I want.

Ideally, I'd like to test inside the hook whether we're mobile or desktop and customize size of the ad I'm displaying.

Can anyone give me advice on how to get the effect I'm looking for? I'm not a web programmer, so any extra steps you can provide will be very helpful.

Thanks in advance,

-- Robert

http://www.RSNStats.com/blog

[Christoph]

Hi Robert,

unfortunately, PHP is not very good at detecting mobile devices.

I would recommend you take a look at the plugin Mobble https://wordpress.org/plugins/mobble/
and the is_mobile conditional.

Alternatively, Anita has a tutorial and a plugin to show ads on mobile only:
http://cre8tivediva.com/add-mobile-friendly-ads-on-smaller-devices-using-genesis/

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts