WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to make Google Adsense Responsive? (9 posts)

  1. Peter Stolwijk
    Member
    Posted 10 months ago #

    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!

  2. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    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.

  3. Peter Stolwijk
    Member
    Posted 10 months ago #

    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?

  4. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    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

  5. Peter Stolwijk
    Member
    Posted 10 months ago #

    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!

  6. alchymyth
    Forum Moderator
    Posted 10 months ago #

    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'

  7. CrouchingBruin
    Member
    Posted 10 months ago #

    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.

  8. Peter Stolwijk
    Member
    Posted 10 months ago #

    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!

  9. kcraighead
    Member
    Posted 7 months ago #

    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!

Reply

You must log in to post.

About this Topic