User Tools

Site Tools


affiliate_program_intergration
Translations of this page:

Affiliate Program Integration

Clickaine Native Ads

Native advertising is a powerful way to monetize your content. Here’s the concept: suppose you have 100 thumbnails on a page. A sponsor or broker wants to insert ads that blend seamlessly with your content—so seamlessly that visitors see them as part of your site.

This is accomplished using inline_thumbs.

How to set up Clickaine native ads in 5 minutes:

1. In template editing, click Add Monetization → Inline Ads → Clickane. The script automatically inserts your JavaScript code, which looks something like:

<script src=’//api.clickaine.com/v2/a/na/js/inline/ed3ad2086262f534b85eb0dba300aab0’> </script>

(Your code will have your unique ID.)

2. Create a sub-template to display sponsor native thumbnails.

For example, if you output thumbnails inline in your main template:

<thumb num=1-100 >

<div class="thumb">
<a href="/gallery/<!--GALLERY_SLUG-->/index.html" >

<img src="<!--THUMB_URL-->" style=’width: 240px; height: 180px’ />

<div class="thumb_name"><!--ALT--></div>

</div>
</thumb>

Or if you use a separate sub-template for thumbnails:

<thumb num=1-100 template=my_subtemplate_for_thumbs></thumb>

and the sub-template itself my_subtemplate_for_thumbs

<div class="thumb">
<a href="/gallery/<!--GALLERY_SLUG-->/index.html" >

<img src="<!--THUMB_URL-->" style=’width: 240px; height: 180px’ />

<div class="thumb_name"><!--ALT--></div>

</div>

Now create a sub-template called `sponsor_thumbs` (or similar) with Clickaine parameters:

<div class="thumb">
<a href="/gallery/<!--GALLERY_SLUG-->/index.html" clickaine-url >
<img clickaine-img src="<!--THUMB_URL-->" style=’width: 240px; height: 180px’ />
<div clickaine-title class="thumb_name"><!--ALT--></div>
</div>

Note the Clickaine parameters. These tags tell the Clickaine JavaScript which parts of the HTML should be replaced with native ads.

For example, the `clickaine-img` attribute on the `<img>` tag tells the script to replace the thumbnail URL with a native ad thumbnail URL.

3. In your template, specify how many native thumbnails you want to display:

<thumb num=1-100 inline_thumbs=5 inline_thumbs_subtemplate=sponsor_thumbs>

The parameters inline_thumbs=5 inline_thumbs_subtemplate=sponsor_thumbs mean: display 5 out of 100 thumbnails using the `sponsor_thumbs` sub-template (the one we created in step 2).

That’s it—native ads are now live on your site.

affiliate_program_intergration.txt · Last modified: by 127.0.0.1