Failed to load source for: http://apis.google.com/js/plusone.js Module is enabled. The html is in the source, but the js is not loading. Maybe conflicting with another module? Would the dev do anything differently?

Comments

corbacho’s picture

Is Firefox what are you using? Do you have NoScript, Adblock or any kind of module that could stop loading the javascript?

mattwmc’s picture

Checked a wordpress site that has the google +1 installed and it didn't show in my firefox 3.5.17, but shows in Chrome.

However, still not showing on my site in chrome.

I checked the source for the WP site and the html is as follows:

<g:plusone></g>

While my source shows and does not show anything (but does take into account the size attribute):

 <div class="g-plusone" href="http://www.example.com" size="tall" count="true"></div>

Example on another site had:

<g:plusone size="medium" count="true" href="http://example.com/"></g:plusone>

corbacho’s picture

Thanks matt for reporting it

The source code that you see is the HTML5 equivalent version of the button. I don't think is that.

I also have that 'failed source' report.. only if I open Firebug, but seems to make a 301 redirection, so finally the script is loaded.

I discovered a support forum where other people had issues like yours, it seems they are temporal issues during this beta process ?

http://www.google.com/support/forum/p/Webmasters/label?lid=1f91cc0e87a8e...

Tomorrow I will port the new 7.x-1.0-rc2 version to the 6.x branch and I you will see new admin options like the tag syntax, or the placement of the script.

mattwmc’s picture

Thanks for replying.

Looks like we are almost there, as now the JS seems to be loading; however, the button isn't showing.

I'll do some diggin' at that link. Thanks.

This is the html source code shown as of right now (and not showing):

<div id="___plusone_0" style="height: 24px; width: 98px; display: inline-block;"><iframe width="100%" scrolling="no" frameborder="0" vspace="0" tabindex="-1" style="position:absolute;left:-10000px;top:-10000px;width:98px" src="https://plusone.google.com/u/0/_/+1/button?hl=en-US&amp;jsh=s%3Bplusone%3Agoogleapis.client%4021659763_a731129b%2Fclient%3Bgoogleapis.proxy%4021659763_a731129b%2Fproxy%3Bplusone%3Agoogleapis.client%3Aiframes-styles-bubble%4021659763_a731129b%2Fbubble%3Biframes-styles-bubble!plusone%3Agoogleapis.client%4021659763_a731129b%2Fbubble_only%3Bplusone-unsupported%4021659763_a731129b%2Funsupported#url=http%3A%2F%2Fcomics.cosmicbooknews.com%2Fcontent%2Fcaptain-america-first-avenger-2011-new-tv-spot&amp;size=standard&amp;count=true&amp;id=I1_1307511267063&amp;parent=http%3A%2F%2Fcomics.cosmicbooknews.com&amp;rpctoken=896635563&amp;_methods=_ready%2C_close%2C_open%2C_resizeMe" name="I1_1307511267063" marginwidth="0" marginheight="0" id="I1_1307511267063" hspace="0" allowtransparency="true"></iframe></div>
mattwmc’s picture

Hey, I got it to show!

I was fooling around with firebug and deleted this from the iframe code:

position:absolute;left:-10000px;top:-10000px;width:98px

I take it that's at google's end?

corbacho’s picture

I've pushed a new version 6.x-1.0-rc1 .. has more options to test : syntax of the button, placement of the script, etc. Tell me if it works now?

One thing I have changed is to load the library from https://, so there is no redirection anymore. No more "Failed to load source". This is other inconsistence from the documentation of the servicee.

mattwmc’s picture

Version: 6.x-1.0-beta1 » 6.x-1.0-rc3

I'm getting an error when trying to go to the config options:

Warning: MySQL server has gone away query: INSERT INTO watchdog (uid, type, message, variables, severity, link, location, referer, hostname, timestamp) VALUES (1, 'php', '%message in %file on line %line.', 'a:4:{s:6:\"%error\";s:12:\"user warning\";s:8:\"%message\";s:1747852:\"MySQL server has gone away\nquery: UPDATE cache_update SET data = &#039;a:104:{s:10:\\&quot;admin_menu\\&quot;;a:10:{s:5:\\&quot;title\\&quot;;s:19:\\&quot;Administration menu\\&quot;;s:10:\\&quot;short_name\\&quot;;s:10:\\&quot;admin_menu\\&quot;;s:10:\\&quot;dc:creator\\&quot;;s:3:\\&quot;sun\\&quot;;s:11:\\&quot;api_version\\&quot;;s:3:\\&quot;6.x\\&quot;;s:17:\\&quot;recommended_major\\&quot;;s:1:\\&quot;1\\&quot;;s:16:\\&quot;supported_majors\\&quot;;s:3:\\&quot;1,3\\&quot;;s:13:\\&quot;default_major\\&quot;;s:1:\\&quot;1\\&quot;;s:14:\\&quot;p in /xxx/includes/database.mysqli.inc on line 128

And the button only shows when I still remove the iframe style. Here's a page from my site: http://bit.ly/j6xabi

The button is located within the div class="content"

Update: I rolled back to beta2 and the error is gone.

corbacho’s picture

@matt That kind of MySQL error is not related to this module. it doesn't make any watchdog records and seems more related to a problem with your hosting services.

rc4 version is ready now in case you want to have a try again.

Sorry for this week of bug fixes.. your feedback is appreciated.

btw, I don't see the button in your page.

mattwmc’s picture

Version: 6.x-1.0-rc3 » 6.x-1.x-dev

Installed the Dev. Button still doesn't show.

Here's the HTML via Chrome's inspect element:

<div class="g-plusone-wrapper" style="margin: 0 1em 1em 1em;float:right"><div id="___plusone_0" style="height: 20px; width: 90px; display: inline-block; "><iframe allowtransparency="true" frameborder="0" hspace="0" id="I1_1308187019927" marginheight="0" marginwidth="0" name="I1_1308187019927" scrolling="no" src="https://plusone.google.com/u/0/_/+1/button?hl=en-US&amp;jsh=r%3Bgc%2F21773286-02b1a9f6#url=http%3A%2F%2Fexample.com%2Fcontent%2Fexample&amp;size=medium&amp;count=true&amp;id=I1_1308187019927&amp;parent=http%3A%2F%2Fmovies.cosmicbooknews.com&amp;rpctoken=879260744&amp;_methods=_ready%2C_close%2C_open%2C_resizeMe" style="position:absolute;left:-10000px;top:-10000px;width:90px" tabindex="-1" vspace="0" width="100%"></iframe></div></div>

Again, when I delete the style for the button, it shows. Must be google, I guess.

style="position:absolute;left:-10000px;top:-10000px;width:90px"

Does anybody else have that style in their code?

mattwmc’s picture

Version: 6.x-1.x-dev » 6.x-1.0-rc3

Got it to show! Works in Chrome and FF.

Add to css:

#___plusone_0 iframe {
position:static !important;
}

Also, don't forget to set permissions! ;)

Anonymous’s picture

Title: Failed to load source for: plusone.js » "plus one" button not rendered
Version: 6.x-1.0-rc3 » 6.x-1.x-dev

Before rc6, button rendering on my pages works well. No problem using FF neither using Chrome. After the rc6 update the button disappeared. I switched to the 6.x-dev version as suggested by corbacho. But since then, I can see the button ONLY IF if I use FF to render the page.
Using firebug on Chrome, I have discovered that the button div contains the style setting as described by mattwmc in coment #9.
I tried the solution shown in comment #10, but it doesn't work.

I believe that the left:-10000px;top:-10000px code (incoming from Google) means that the button cannot be rendered because the identification of the user fails.
Is it possible that in 6.x-dev something has been changed about the parameter transmission to google?

Anonymous’s picture

I have written my last post (#11) too early! :-(

I have just discovered that the left:-10000px;top:-10000px appears when https://apis.google.com/js/plusone.js triggers the Uncaught Error: QUOTA_EXCEEDED_ERR: DOM Exception 22 error.
It seems that QUOTA_EXCEEDED error is a well-known error in Chrome ver 13 (http://code.google.com/p/chromium/issues/detail?id=85570).

After the installation of the last stable version of Chrome (ver 12), everything works well again.

My conclusion is that corbacho instructions are sufficient and no any further setting or fix is necessary.