Support Center

Inserting Ad Code Into Your Site

When setting up a SocialEngine Cloud community, one option of monetizing your site is to use an ad-code service (such as Amazon Affiliates or Google AdSense) and paste your ad-code directly into your site. The following article will show you how to take ad-code and paste it into your site so that you can start making money from your traffic!

Inserting Ad-Code

  1. Before you can monetize your traffic, you need to obtain appropriate ad code or affiliate links from your ad service. We assume you have done that ahead of time. Let’s head over to your site’s admin panel.
  2. Click the “Page Templates” option in the Appearance section.
  3. This will bring up a list of pages on your site. Consider which pages you would like ads to show up on and where. For this example, we will be inserting an Amazon Affiliates ad on the right hand side of the “Hot” page.
    Tip: Consider signing up for Google Analytics and integrating it with your SE Cloud site to locate the areas of heaviest traffic.
  4. Once the pages are chosen, open the layout editor for the page.
  5. Locate the part of the HTML where you would like to insert the code and paste the ad-code into the HTML template. For this example we want to locate the very beginning of the “Gutter” div to place a small square ad above the “Post Something” button.

    Note: We also included the following code to ensure continuity with the rest of the page.
    <div align="middle" class="widget fg"></div>
  6. You can preview how the ads will look by clicking the “Preview” button.
  7. When you are satisfied click the “Save Changes” button and your ad will be displayed on your page!

Once these actions have been completed you will see the ads show up on your site’s pages. This action will need to be repeated on each page you would like the ad to appear on.The header and footer are universal, thus, if you insert any code into the header and footer template it will show up on all pages. If you would like to place ad code anywhere else, however, you would need to do so on each page’s HTML template.
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found