Google Adsense for Content
Most of us know how to manually cut and paste Adsense code into our blog posts. But there are a couple of other options that may appeal to those who don’t have time, the patience, or in my case too lazy to want to mess with it. Truth is, I hate it and think it “uglies” up a website, but this isn’t a discussion on aesthetics. I get it though, some of us need to at least make enough money online and get our monthly Squarespace subscription plan covered. So first, let’s get the basics out of the way.
Google Adsense 101
- Go sign yourself up for Google Adsense at https://www.google.com/adsense/. If you just started a blog, you may want to wait a few months as they do have to approve you based on some not so clear requirements.
- Read up a bit on their TOS and how to make an ad. This tutorial assumes you’ve figured most of it out, and now have yourself a new ad code all ready to paste into your website.
The two most common ways that I’ve seen Adsense incorporated in a Squarespace website is either in the side bar using an Html Widget or pasted manually in a post using Raw-HTML or clicking the little cog wheel (code) option. I’ve included a couple of images here in case you haven’t tried this yet.
Adsense in a Column or Sidebar
A couple of advantages to adding Google Adsense in a sidebar or column is that you only have to add it once, but you can also use selective display to only include it on certain pages. This can make it easier to test how different ad sizes and colors work best on your site. To use selective display you will need to create a new section just for your Adsense html widget. (You can only use selective display options with a section) To see an example of Selective Display in action, visit the test page on my personal Squarespace website here. You will only be able to see the skyscraper banner on this page.
Using Code Injection for Adsense
Another common placement for your Adsense code might be in any of the code injection points. However, the ads will appear on every page of your website so make sure you understand how it will look on every page including your galleries and contact pages. Below is a Squarespace wireframe infographic I made a while back to help me know where to locate all those code injection points. It’s accurate for the most part.
Now that we got the basics down, tomorrow you’ll want to check out Part 2 of using Adsense. I’ll show you how to use HTML Code Snippets to display your ads automatically at the beginning of all your posts and align them so it doesn’t push down your content. I’ll also show you how to only display the banners when viewing an individual post, while keeping your home and index pages not only less cluttered, but keep you within the following Google guidelines:
Currently, AdSense publishers may place up to three AdSense for content units on one webpage. You may also place a maximum of three link units and two search boxes on each webpage.
Official Squarespace Help Docs
- How do I add advertising code or other html code to my navigation bar?
- Can I advertise within my Squarespace website?
*Affiliate Links to Squarespace included in post. Thanks for supporting Squarespace Plugins!