Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.
Solved
Is AdSense insertion via innerHTML possible?
Posted on 2010-09-05
I'm not new to adsense. But I have lots of smaller Wordpress blogs that run the same desing theme and now I want to add AdSense to them too.
I want to insert AdSense code via innerHTML as the first content inside <div id="content">. The reason for this is that I dont want do be forced to edit 6-10 files (first page, page template, single post template etc). Instead I wanted to put the code above in footer.php
I thought this would work but it does not. (The excessive splitting is to avoid problems with script as string)
Inserting regular text works fine but not javascript.
I want to insert AdSense code via innerHTML as the first content inside <div id="content">. The reason for this is that I dont want do be forced to edit 6-10 files (first page, page template, single post template etc). Instead I wanted to put the code above in footer.php
I thought this would work but it does not. (The excessive splitting is to avoid problems with script as string)
<script type="text/javascript"><!--
window.onload = function()
{
var oldHmtl = document.getElementById('content').innerHtml
var gads = '<scr' + 'ipt type="text/jav' + 'ascri' + 'pt"><' + '!' + '--\ngoogle_ad_client = "pub-XXXXXXXXXXXXXX";\n/* myCustomAdName */\ngoogle_ad_slot = "XXXXXXXX";\ngoogle_ad_width = 336;\ngoogle_ad_height = 280;\n/' + '/' + '--' + '>\n<' + '/' + 'scr' + 'ipt>\n<' + 'scr' + 'ipt type="text/' + 'jav' + 'ascri' + 'pt"\ns' + 'rc="ht' + 'tp://pagead2.google' + 'syndication.com/pagead/show_ads.j' + 's">\n' + '<' + '/' + 'sc' + 'ript>'
document.getElementById('content').innerHtml=gads + oldHmtl
}
//-->
</script>
Inserting regular text works fine but not javascript.
-
7
6
13 Comments
That should be placed in the footer.php, or header.php file. Put the code just before the closing html tag.
If that doesn't work, you can always use a plug-in.
http://wordpress.org/extend/plugins/all-in-one-adsense-and-ypn/ (141,922 Downloads)
http://wordpress.org/extend/plugins/adsense-manager/ (276,210 Downloads)
http://wordpress.org/extend/plugins/all-in-one-adsense-and-ypn/ (141,922 Downloads)
http://wordpress.org/extend/plugins/adsense-manager/ (276,210 Downloads)
100% sure since other js works. I was thinking that maybe it's something particular with how AdSense works.
I couldn't say for sure, I use Analytics and if you want to insert it manually without a plug-in that is how I insert it. I wonder if your footer is being called from somewhere besides footer.php.
Thanks for the tip jeremyjared74. But that means I need to upload and install plugins and in that case I might just as well edit the files. I have something like 200 wordpress installations so every step saved means a lot.
Ok, so this is more than a tracking code? That would make sense why it isn't showing up in the footer.php. You would have to put it before the closing body tag. I just noticed you full code. Like I said I use Analytics (just code). For it to show up it has to go before the closing body tag.
If for some reason that doesn't work I did find this site that might help. The difference is it is placing it in the sidebar.php, I don't think it would matter though.
http://www.tamba2.org.uk/wordpress/adsense/
If for some reason that doesn't work I did find this site that might help. The difference is it is placing it in the sidebar.php, I don't think it would matter though.
http://www.tamba2.org.uk/wordpress/adsense/
I think we still misunderstand each other because your link is about traditional placement of adSense code.
Let say this is the code:
[code]
<html>
<body>
.... (some stuff)
<div id="content">
Some stuff already inside "content"
</div>
.... (some stuff)
<script type="text/javascript"><!-
window.onload = function()
{
var oldHmtl = document.getElementById('c
var gads = '<scr' + 'ipt type="text/jav' + 'ascri' + 'pt"><' + '!' + '--\ngoogle_ad_client = "pub-XXXXXXXXXXXXXX";\n/* myCustomAdName */\ngoogle_ad_slot = "XXXXXXXX";\ngoogle_ad_wid
document.getElementById('c
}
//-->
</script>
</body>
</html>
[/code]
The javascript at the end of the HTML is supposed to put adsense in the beginning (of the inside) of <div id="content">
I understand that this is not the traditional way of adding adSense.
Let say this is the code:
[code]
<html>
<body>
.... (some stuff)
<div id="content">
Some stuff already inside "content"
</div>
.... (some stuff)
<script type="text/javascript"><!-
window.onload = function()
{
var oldHmtl = document.getElementById('c
var gads = '<scr' + 'ipt type="text/jav' + 'ascri' + 'pt"><' + '!' + '--\ngoogle_ad_client = "pub-XXXXXXXXXXXXXX";\n/* myCustomAdName */\ngoogle_ad_slot = "XXXXXXXX";\ngoogle_ad_wid
document.getElementById('c
}
//-->
</script>
</body>
</html>
[/code]
The javascript at the end of the HTML is supposed to put adsense in the beginning (of the inside) of <div id="content">
I understand that this is not the traditional way of adding adSense.
Featured Post
An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.
One of a set of tools we're offering as a way of saying thank you for being a part of the community.
Question has a verified solution.
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
Join & Write a Comment Already a member? Login.
A recent study by Google illustrates that almost 84% of patients go for both online and offline sources for hospital research. What do you think, “Is the Healthcare Industry the next to be disrupted by Digital Marketing?”
AngularJS web development a very simple procedure. So, to put it, in short, AngularJS’ stand out features are – Two-way data binding, MVC structure, directives, templates, dependency injections and testing.
The viewer will receive an overview of the basics of CSS showing inline styles.
In the head tags set up your style tags:
(CODE)
Reference the nav tag and set your properties.: (CODE)
Set the reference for the UL element and styles for it to ensu…
An overview of how to create reports in Adobe Analytics (formerly Omniture Site Catalyst) using pageNames, events, eVars and props.
This video will show you how to install the Omniture Debugger tool so can see (and test) what is being passed int…
Suggested Courses
Course of the Month5 days, 9 hours left to enroll
568 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.