====== Affiliate Program Intergration ======

====== Clickaine Native Ads ======

Новая супер идея для нативной рекламы. Что это такое: у вас есть например 100 тумб на странице, спонсор\брокер хочет вставить у вас рекламу на сайте, что б она не отличалась от ваших тумб, те смотрелась максимально натурально как часть сайта.


Для этого используется [[new_rotation_templates#inline_thumbs]]

Как сделать за 5 минут нативную рекламу для Clickaine:

1. В редактировании темпелйта жмем Add Monetization - Inline Ads - Clickane. Скрипт автоматом вставляет ваш JS в страницу который выглядит примерно так 

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

Конкретно у вас ваш код будет конечно с вашим персональным ИД

2. создаем сабтемплет для вывода нативных тумб спонсора

например у вас тумбы выводит как (вариант если у вас сабтемплейт прямо в основном темплейте)

<code>
<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>
  
</code>

либо если сабтемплейт для вывода тумбы отдельно

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

и сам сабтемплейт 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>
 
</code>


мы создаем сабтемплейт который назовем например sponsor_thumbs и выглядеть как 



  <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>

тут надо обратить внимание на добавление параметров clickaine. По этим тагам JS Clickane поймет какие части надо заменять на нативную рекламу.

Например, по <img **clickaine-img** src="<!--THUMB_URL-->" тут JS по наличию clickaine-img поймет что тут надо заменить урл тумбы на урл тумбы нативной рекламы.

3. в самом темплейте указываем сколько нативных тумб мы хотим видеть 

<code>

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

</code>

те **inline_thumbs=5 inline_thumbs_subtemplate=sponsor_thumbs** 5 тумб из 100 выведет используя сабтемплейт sponsor_thumbs, который мы обсудили в пункте 2.


Все, у вас добавлена нативная реклама.