Place Google AdSense Ads on Your Strikingly Site

Are you a Google AdSense Publisher? If so, and you’d like to use your Google AdSense ad code with your Strikingly site or blog, you can check the following instructions.

What type of Ad Units can be used?

  • Automatic size/Responsive Ad Unit - We recommend this type as our websites are responsive as well. By choosing this size, ads will automatically fit the page/section, depending on the screen size of the device used to view the site.
  • Page Level Ads - Allows you to use a single set of code that would work for the entire site.

 

How to Create a Responsive Ad Unit in Google AdSense:

  1. Login to your Google AdSense account and click “My Ads>New ad unit



  2. Pick the “Responsive” option and customize the ad, based on your preferences ie “Text ad style”, Backup ads, etc. Click “Save and get code”.

    GA-1.png

  3. Copy the code and paste it in a notepad.

    GA-2.png

How to add the Ad unit code to a Strikingly site

  1. Go to your site editor and click “Add new section”.




  2. Pick the “App Store & HTML” section.




  3. Mouse over the newly added section, click “Edit” and select “HTML” from the available apps.




  4. Paste the Google Adsense code you copied earlier into the box, then hit “Save”




  5. Preview your site to see how it looks on PC.

    GA-3.png


    Note: The preview for tablet and mobile will not automatically resize the ad unit as technically, the site preview is still being viewed on a larger screen (laptop or PC). The ad unit will look cropped. To see the resized ad, publish the site and access on a mobile device.

    The responsive ad unit would look like this on mobile:

    GA-7.png


  6. Publish your site when you’re done editing!

How to place Ad units in blog posts:

  1. Go to your Blog Manager and edit any of your blog posts.
  2. Click “Add content” and select “HTML”

    GA-4.png

  3. Hover your mouse pointer on the “App Store & HTML” element and click “Edit”.
  4. Choose HTML and paste your ad code in the HTML box. Click “Save.

    GA-5.png


  5. Preview your blog post to see how the ad will look on the published blog.

    GA_-_6.png

Page-level Ads

Page-level ads are ad formats that lets you add a single set of code to your site. The code is added to a site only once and updates automatically when the add setting is changed. The page-leve ads will work  on any page on a multiple-page site and this type of ad only works on mobile.

How to generate code for Page-level ads:

  1. In your Google AdSense account, click “My Ads>Page-level ads”.

    GA_-_8.png

  2. Click the toggle button for either “Anchor/overlay ads” or “Vignette ads” to enable. You may also use both at the same time. Once enabled, click the “Get code” button.

    GA_-_10.png


  3. Copy the code and paste it on a notepad.
    GA_-11.png

How to add Page-level ads code to your site:

  1. Go to your site editor and click Settings>Advanced>Custom Code>Header Code.
  2. Paste the code you generated into the Header Code settings and Click “Save”.

    GA_-_12.png
  3. To test it out or preview the page-level ad placed on the site, publish your site, then add #googleads after your site URL. Site url to be typed into the browser should be in this format: www.yoursite.com/#googleads

    How it looks:

    GA_-_13.png

  4. That’s it! Your ads should be visible on your site.

     

In case you need help, send us an email at support@strikingly.com or chat with us.

Have more questions? Submit a request