Documentation index
- ReadMe
- Things To Know
-
- New Style Rotation
Новая супер идея для нативной рекламы. Что это такое: у вас есть например 100 тумб на странице, спонсор\брокер хочет вставить у вас рекламу на сайте, что б она не отличалась от ваших тумб, те смотрелась максимально натурально как часть сайта.
Для этого используется inline_thumbs
Как сделать за 5 минут нативную рекламу для Clickaine:
1. В редактировании темпелйта жмем Add Monetization - Inline Ads - Clickane. Скрипт автоматом вставляет ваш JS в страницу который выглядит примерно так
<script src='//api.clickaine.com/v2/a/na/js/inline/ed3ad2086262f534b85eb0dba300aab0'> </script>
Конкретно у вас ваш код будет конечно с вашим персональным ИД
2. создаем сабтемплет для вывода нативных тумб спонсора
например у вас тумбы выводит как (вариант если у вас сабтемплейт прямо в основном темплейте)
<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>
либо если сабтемплейт для вывода тумбы отдельно
<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>
мы создаем сабтемплейт который назовем например 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. в самом темплейте указываем сколько нативных тумб мы хотим видеть
<thumb num=1-100 inline_thumbs=5 inline_thumbs_subtemplate=sponsor_thumbs>
те inline_thumbs=5 inline_thumbs_subtemplate=sponsor_thumbs 5 тумб из 100 выведет используя сабтемплейт sponsor_thumbs, который мы обсудили в пункте 2.
Все, у вас добавлена нативная реклама.