How To Integrate OnClickA`s Ad Codes
  1. Blog
  2. How To Integrate OnClickA`s Ad Codes Your Website

How To Integrate OnClickA`s Ad Codes Your Website

#Publishers
September 3, 2024

This article provides a comprehensive guide on integrating ad codes into your website using OnClickA’s platform. It covers the various ad formats available, such as in-page ads, web push notifications, popunder ads, video ads, and banners. It offers step-by-step instructions for setting up and optimizing these ads. Following this guide allows website owners to monetize their content effectively while keeping visitors engaged and satisfied.

Integrating ad codes into your website is key to earning from your site, these codes, will show ads to your visitors, turning their visits into income. No matter what type of site you run—whether it's a blog, online store, or news site—OnClickA has ad formats that will fit your needs. These include in-page ads, web push notifications, popunder ads, video ads (both in-stream and out-stream), and banners. Each type of ad is designed to catch the user's eye without annoying them, so your visitors stay happy while you earn money.

Step-by-Step Guide to Integrating Ad Codes

1. Sign up to OnClickA Publishers: Register for an account on OnClickA Publishers platform to begin your journey

2. Add an ad code and name it: Provide a name for your ad code, making it easier for you to identify and manage your ads

3. Choose the category group: Select the category group that best represents the content of your website

4. Select ad format(s) for your ad code: Choose one or more ad formats from options depending on your preferences and requirements. Here is the specific instruction for each:
 

  • In-page ads
    Set your frequency capping > choose your device targeting > select desktop or mobile position > attach to HTML container (optional)
  • Web-push notifications
    Turn on “Content Locker”
  • Popunder ads
    Select Popunder mode > Set your frequency capping > Enter your Binded elements and Ignore element
  • Video/in-stream ads 
    Select skip time > select type > Set your frequency capping > select device targeting > select playback
  • Banners
    Select banner size > select what type > select device targeting

5. Copy the ad code: Once you've configured your ad settings, simply copy the provided ad code and paste it into your website.

6. Open Your web page’s source code and put the ad code into the head or body section:

We recommend integrating the ad code into the head section. This will assist in faster ads appearance when loading the web page.

Detailed Integration Instructions for Each Ad Format

In-Page Ads

  • Set Your Frequency Capping: Determine how often the ad will appear to the same user.
  • Choose Your Device Targeting: Decide if the ad should show on desktop, mobile, or both.
  • Select Desktop or Mobile Position:Specify the ad's position on the screen for desktop and mobile.
  • Attach to HTML Container (Optional): If needed, you can place the ad within a specific HTML container on your site.

Web Push Notifications

Turn on “Content Locker”: Enable the content locker feature, which requires users to subscribe to notifications to access certain content.

Popunder Ads

  • Select Popunder Mode: Choose the mode in which the popunder ad will be triggered.
  • Set Your Frequency Capping: Determine how often the popunder ad will appear to the same user.
  • Enter Your Binded Elements: Specify the HTML elements that will trigger the popunder ad.
  • Ignore Element: Identify any elements that should not trigger the popunder ad.

Video/In-Stream Ads

  • Select Skip Time: Choose the duration after which users can skip the ad.
  • Select Type: Determine the type of video ad (e.g., pre-roll, mid-roll, post-roll).
  • Set Your Frequency Capping: Decide how often the video ad will appear to the same user.
  • Select Device Targeting: Choose whether the ad should be displayed on desktop, mobile, or both.
  • Select Playback: Set the playback options for the video ad.

Banners

  • Select Banner Size: Choose the size of the banner ad.
  • Select Ad Type: Determine the type of banner ad (e.g., bright or sticky).
  • Select Device Targeting: Decide if the banner should show on desktop, mobile, or both. 

Best Practices for Ad Code Integration

1. Incorrect Placement: Placing ad codes in the wrong section of your HTML can lead to slow loading times or ads not appearing at all. Always follow the recommended placement guidelines.
Tip: Integrate ad codes in the <head> section for faster loading times.

2. Overloading with Ads: Adding too many ads can overwhelm your visitors and lead to a poor user experience. Balance ad placements with your site's content to maintain user engagement.
Tip: Test ad placements regularly to ensure they are working correctly and not overloading your site.

3. Ignoring Mobile Optimization: Ensure that your ads are optimized for mobile devices. Mobile traffic is significant, and ads that are not mobile-friendly can lead to lost revenue opportunities.
Tip: Select device targeting in OnClickA’s dashboard to optimize ads for both desktop and mobile.

4. Not Setting Frequency Capping: Failing to set frequency capping can result in the same user seeing the same ad too many times, leading to ad fatigue and decreased effectiveness.
Tip: Set frequency capping to control how often ads are shown to the same user.

5. Neglecting Updates: Ad networks like OnClickA may update their ad formats and codes. Stay informed about these updates and implement them to keep your ads running smoothly and effectively.
Tip: Monitor ad performance and use OnClickA’s dashboard to track and adjust your ads as needed.

Proper integration of ad codes is crucial for maximizing revenue from your website. By seamlessly incorporating OnClickA’s diverse ad formats—such as in-page ads, web push notifications, popunder ads, video ads, and banners—you can effectively engage your audience without compromising user experience. This ensures that your visitors remain satisfied while generating income through targeted advertising.

Sign up with OnClickA today and start integrating ad codes that suit your site’s content and audience. Whether you manage a blog, e-commerce store, or news site, OnClickA provides the tools and support you need to monetize effectively. Join now to optimize your ad placements and maximize your earning potential!
 

Join OnClickA