Several people have voiced concerns about using iframes to display Google Adsense, understandably. This is all news to me. So here is my disclaimer: Use At Your Own Risk!

I think it's the manner in which some people use iframes to display adsense, but not certain. My guess is as good as yours. The way I read it, if you're intentionally doing something underhanded like stuffing keywords, or for example adding words to do something like bring up sexy ads -- which unfortunately typically get more clicks. Since we have no option with Ning until July or after, I don't know any other way to do this, that I can explain here.

I definitely will not take responsibility for anyone getting banned on this. I really cannot. If you have an Adsense account, you need to do your own research.


Network Creators often ask: "How do I put my Google Ads in the header?"

How To Add Google Ads or Other Content to Your Header:
Summary - Prepare your content and add to an external HTML. Call into your Network Header via the Analytics Box, using an iframe and JavaScript. NOTE: You can add other content in your HTML, not just Google Ad Code.

  1. Create your HTML.
  2. For example, if you are adding Google Ads, copy/paste the code into a new HTML file. I usually wrap a DIV around my code, and I add a BODY tag with a white background. Here is the example of my Google Ad code (728 by 15) text links. This example is the entire HTML file.
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ning Directory - Directory of Ning Networks</title>
</head>

<body bgcolor=white><div align=center>
<script type="text/javascript"><!--
google_ad_client = "pub-3491017725492xxx";
/* 728x15, created 7/30/08 */
google_ad_slot = "9036396336";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</body>

</html>


  1. How to center content in your HTML - Within your external HTML, add a DIV with align=center, around your header content. See example HTML file above.
  2. Background color - the best way to set iframe background color: add the body tag to your external HTML, like in example above. This is an important step.
  3. After you have completed your HTML file, upload to your file server. If you don't have a file server, upload to your Ning Network via a Blog (be sure to click on document upload icon).
  4. When you upload to your blog, copy the HTML path. You must know the HTML path/URL.
  5. Now it's time to prepare your code for the Analytics box.
  6. Focusing on the example code below, replace the src="your.html" with your HTML file path.
  7. Adjust the iframe width and height to fit your HTML content area. For example, my Google Ad space is 728 by 15. For my Analytics Box code I will use width=735 and height=20. I want to allow for a few extra pixels, for proper spacing.
  8. After you make your edits, add the example code below, to your Analytics box - Manage/Analytics, and SAVE.
  9. For this example, we are adding the iframe after the Menu Navigation Bar. If you want to add above the menu, just change "after" to "before".
<script type="text/javascript">
x$("#xg_navigation").after("<div id='custom_ads'></div>");
var ad_html = '<iframe frameborder="0" scrolling="no" allowtransparency="true" marginheight="0" marginwidth="0" src="your.html" width="735px" height="20px"></iframe>';
x$("#custom_ads").html(ad_html);
</script>


Tags: ad in header, add ad to header, add content to header, customize header, google ads in header, header, header ad, header content, header like ning

Views: 1558

Reply to This

Replies to This Discussion

Hi Stefaan,
Sure. You can place below Ningbar, or above the masthead.
Here's the topbar version, just modify the first part of this line:
x$("#xg_navigation").after("<div id='custom_ads'></div>");
to:
x$("#xn_bar").after
And above masthead:
x$("#xg_masthead").before

Best,
Jen
Hey Jen,

Almost there...

Would it be possible to move it some pixels down also? Or should I try with adding 2 rows in the linked html. The first row could specify the pixels I would like to go down.
Got it figured out:

style="padding-top:100px"; added to the iframe ;)
Good deal, and good job! ;-)
I JUST TRIED THIS AND I THINK I DID SOMETHING WRONG... NOTHING HAPPENED AFTER SAVE THE CODE IN THE ANALYTICS...

RSS

What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next! - Survey will close Friday, 4/25

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces. Released 4/16.

Activity Feed Updates - options for more content in the activity feed.

Forum Notifications - ability for members to opt into receiving notifications of new discussions in forums. Released 4/9. 

APIs - The ability to create new members and content programatically.

For more information on what's next, visit the Product Roadmap

Latest Activity

soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"nah was a good tip for blogs and forums..and articles if reed mores added later but the point is…"
41 minutes ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Email Notifications for Blogs and Forums'
"well in groups i see a point in that when they join a group as part of the join process there…"
46 minutes ago
Kos replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"oops sorry.  Didn't catch that.  Will delete my blurp"
49 minutes ago
Skye replied to Phil McCluskey's discussion 'Introducing Email Notifications for Blogs and Forums'
"This was my issue as well and I guess from what I am seeing and reading it is not going to be a…"
51 minutes ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"thats for blogs/forums tho right theres no read more that i can see on articles"
1 hour ago
Kos replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"Just jumping in here but you guys can enhance that "read more" a bit in Language Editor…"
1 hour ago

NC for Hire
Garfield Creator replied to soaringeagle's discussion 'simple tweak that ning can do to drasticly increase joins/growth'
"Good one!"
3 hours ago
Dutchlabel replied to Dutchlabel's discussion 'Align images horizontally'
"Kinda at least.. The code is ok, now Ning just ***** it up.. And I was trying to place this code in…"
3 hours ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service