Adsense with AJAX

S

3

13

I read this, this and this, but I think my situation is different. I don't need to refresh Ads everytime I make an AJAX call.

I have a page call it "mypage.php". I load Adsense advertisement into first div, when page is opened. My second div is empty.

After DOM is fully loaded, i make an AJAX post. And put the result into "lower_content" div. Does this break Adsense TOS?

<body>
  <div id="adSense_content>
    <script> adsense script </script>
  </div>

  <div id="lower_content">
    empty in start
  </div>
</body>

My js file:

$(document).ready(function() {
  $.ajax({
    type: "POST",
    url: "/getit",
    success: function(data) {
            $("#lower_content").html(data);
        }
  });
}

Note: Why I don't load second content when page is opening? Because AJAX call replies in 6-7 seconds. When server load is high, response comes even in 10-15 seconds. To not to make visitor wait with empty page, or even bounce from the page. I show layout to visitor in start, and load content when the response of AJAX call came.

edit: Putting an ad to an empty page is againts Adsense TOS. But the page that I mentioned is empty while loading the table data. After loading the full table with AJAX the page is loaded with content. But ad is put while loading the html page.

Selfexplanatory answered 31/5, 2012 at 13:36 Comment(0)

U

5

Did some more research .. there is no easy solution to your problem.

If your site uses AJAX for a majority of the content then you can look at implementing the Google Ajax-Crawling (aka Hash-Bang) specs. This will ensure that that the Google bot and Adsense bot crawl your AJAX content. This will help with both relevant ads and search results. https://developers.google.com/webmasters/ajax-crawling/docs/specification

Or you have to wait till the Adsense for Ajax program start again. https://developers.google.com/adsense-for-ajax/

Update: Changed answer after more research.

Undistinguished answered 2/6, 2012 at 10:28 Comment(3)

Hmm interesting point.. But I make AJAX call after document.ready, because sometimes it becomes 10-15 seconds when the AJAX request is responded. (Because of server load etc.) So, to not to make visitor wait or even bounce from page, I show the sketch of the page to visitor, and fill the data parts after response of AJAX. – Selfexplanatory 9/6, 2012 at 5:52

Changed answer after more research. – Undistinguished 10/6, 2012 at 5:7

AdSense for AJAX has been discontinued. – Kerch 2/11, 2014 at 20:7

T

7

The default google adsense code is something like this:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- banner-name -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-12345678901234950"
     data-ad-slot="987654321"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Spit the code up into 3 parts to make it work on ajax loaded content.

Include the google script somewhere in your page (in your <head> for example) just once.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Place the google code in your (ajax) content wherever you want the banner(s)

<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-12345678901234950"
     data-ad-slot="987654321"></ins>

Trigger this function after your content has changed via ajax. (don't forget to trigger this on page load too, to display ads when pages isn't loaded via ajax.)

function displayGoogleAds(){
    $('ins').each(function(){
        (adsbygoogle = window.adsbygoogle || []).push({});
    });
}

Ps. I'm not sure if google will allow this, since your modifying/changing up the code a little bit. But i'm currently using it this way.

Tracheid answered 27/6, 2014 at 19:48 Comment(3)

Thank you so much... I´m using your current solution but sometimes it responses with "bad request" any idea? – Electronarcosis 15/12, 2014 at 20:16

@Electronarcosis removing the 'async' part from the <script src> might help. – Tracheid 16/12, 2014 at 15:13

I don´t use the 'async', as I see, the request is blocked after a few of Ads are correctly displayed. According to a previous answer, this way is against the TOS of Google and currently AdSense for Ajax is discontinued... too bad. – Electronarcosis 17/12, 2014 at 16:50

U

5

Did some more research .. there is no easy solution to your problem.

If your site uses AJAX for a majority of the content then you can look at implementing the Google Ajax-Crawling (aka Hash-Bang) specs. This will ensure that that the Google bot and Adsense bot crawl your AJAX content. This will help with both relevant ads and search results. https://developers.google.com/webmasters/ajax-crawling/docs/specification

Or you have to wait till the Adsense for Ajax program start again. https://developers.google.com/adsense-for-ajax/

Update: Changed answer after more research.

Undistinguished answered 2/6, 2012 at 10:28 Comment(3)

Hmm interesting point.. But I make AJAX call after document.ready, because sometimes it becomes 10-15 seconds when the AJAX request is responded. (Because of server load etc.) So, to not to make visitor wait or even bounce from page, I show the sketch of the page to visitor, and fill the data parts after response of AJAX. – Selfexplanatory 9/6, 2012 at 5:52

Changed answer after more research. – Undistinguished 10/6, 2012 at 5:7

AdSense for AJAX has been discontinued. – Kerch 2/11, 2014 at 20:7

C

2

Unfortunatelly the page https://developers.google.com/adsense-for-ajax/ says Google no longer accepting new applications for AdSense for AJAX

Casanova answered 14/12, 2013 at 23:39 Comment(0)

Recommended topics

Hot tags