Support » Themes and Templates » How to make Google Adsense Responsive?

  • Resolved Stolwij

    (@peter-stolwijk)


    People i desperately need your help!

    You probably all heard it before.

    I have a responsive theme and placed Google Adsense on it, but on the mobile it’s not showing responsive.

    Can anybody explain to me in a ‘newbie language’ how i can make my ads responsive?

    Please and thank you in advance!

Viewing 8 replies - 1 through 8 (of 8 total)
  • WPyogi

    (@wpyogi)

    Forum Moderator

    Depends on how your theme is coded…you’ll probably have to know CSS and HTML (and possibly how WP is coded) to change that.

    Stolwij

    (@peter-stolwijk)

    I know a little of css and html.

    If someone can guide me, i probably can fix it.
    What do i need to do, to make it responsive please can someone help?

    WPyogi

    (@wpyogi)

    Forum Moderator

    Depends on the theme and how it’s coded…you’ll have to look at the CSS for where the ads are positioned – and change that to be responsive to smaller browser widths. That’s often done using media queries –

    http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

    http://www.htmlgoodies.com/beyond/css/introduction-to-css-media-queries.html

    You might also want to ask this on a CSS forum such as:

    http://csscreator.com

    Stolwij

    (@peter-stolwijk)

    Those links are too difficult for me to carry out WPyogi.

    Can anybody please explain simple, how to change this code to responsive?

    <script type="text/javascript"><!--
    google_ad_client = "ca-pub-.............
    /* Sneap Home pagina */
    google_ad_slot = "...........";
    google_ad_width = 728;
    google_ad_height = 90;
    //-->
    </script>
    <script type="text/javascript"
    src="//pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

    Please, Thank You!

    try checking the google adsense forums – afaik, there is yet generally no ‘responsive adsense’ easily available – this is not limited to WordPress sites.

    web search might give you some more insights: ‘responsive adsense’

    I’ve tried helping others with AdSense resizing problems before, and the problem is that the ads get output inside an iFrame. When you pick a particular ad format, you pick a specific size, and the iFrame code comes with the width & height attributes set. While you can override the size attributes for the iFrame by adding width & height CSS properties, you can’t touch the contents of the iFrame with CSS, since it reflects the contents of another site, so resizing the iFrame, e.g., making it smaller for a narrower view port, will generally cut off parts of the ad.

    This problem is more apparent in AdSense ads which have a wide, horizontal format which are intended to fit in the main content area of a page, rather than the vertical, tall thin ads which are intended to fit inside a sidebar. So if you do have the wider ads, I would consider switching to the vertical ones and putting them in a sidebar, or in a narrow widget area of the footer.

    Stolwij

    (@peter-stolwijk)

    Thanks all for your help!

    I solved it because in the block of adsense there’s the option to choose responsive.

    I looked over it!

    After i choosed that, you receive a responsive code.
    Then it will work!

    Thanks all!

    I have actually written an article on this topic. I found that when I copied and pasted the responsive code in my WordPress website that Google provided it simply didn’t work.

    I use the Genesis theme and after a bit of digging online I figured out a way that worked for me.

    If you are interested you’ll find the article here:
    http://www.netchimp.co.uk/webdesign/wordpress/add-google-adsense-responsive-ads-wordpress/

    Hopefully someone will find these instructions useful. I know I would have loved some simple steps like these myself!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to make Google Adsense Responsive?’ is closed to new replies.