# Интеграции кампании
# Выбор подходящей интеграции
Назначение/Сервис | Способ интеграции |
---|---|
Рекламные сети | Campaign URL |
Конструкторы сайтов | |
Статические сайты | |
PHP сайты | |
Сайт на WordPress | |
Оффлайн кампании | QR код |
Показ баннеров | Смотрите страницу блок баннеров |
Email рассылки | Пиксель для Email |
# Примеры
- Упаковка новостной витрины в PWA-приложение.
- Magic APPs.
- Как работать с Facebook и Google.
- Подключение кампании к Blogger.com.
# Ссылка на JS
- Передаёт все параметры из URL
- Не подходит для рекламных сетей
Это простой способ подключения кампании к сайтам. Необходимо скопировать полученную ссылку и разместить в тексте сайта. Все нужные параметры переданы автоматически.
Пример ссылки:
<span id="cdb44106-7087-1193-cb40-e6e28409e66d"></span>
<script type="application/javascript">
document.getElementById('cdb44106-7087-1193-cb40-e6e28409e66d').innerHTML = '<a href="https://example.com/LNtLfH?se_referrer=' + encodeURIComponent(document.referrer) + '&default_keyword=' + encodeURIComponent(document.title) + '&'+window.location.search.replace('?', '&')+'">Link</a>';
</script>
1
2
3
4
2
3
4
# PHP-редирект
HTTP редирект на PHP. Вставьте на страницу кода, которая должна уводить посетителей.
# Iframe
- Подходит для конструкторов сайтов.
- Подходит для показа лендингов
- Подходит для показа баннеров
- Поддерживает редиректы
- Scrollbar при большом размере страницы
Создание тега iframe с загрузкой кампании внутри.
Для показа полноэкранного фрейма посмотрите способ интеграции frameset.
Пример:
<div id="a7d02a82e-2b52-b413-fbd4-c1422aa64e8e"></div>
<script type="application/javascript">
document.getElementById('a7d02a82e-2b52-b413-fbd4-c1422aa64e8e').innerHTML = '<iframe sandbox="allow-top-navigation allow-scripts allow-popups allow-forms" frameborder="0" width="" height="" src="http://example.com/8JdJ4D?se_referrer=' + encodeURIComponent(document.referrer) + '&default_keyword=' + encodeURIComponent(document.title) + '&'+window.location.search.replace('?', '&')+'&frm=frame"></iframe>'
</script>
1
2
3
4
2
3
4
# Script (асинхронный)
- Совместим с конструкторами сайтов
- Совместим с JS-редиректом, Meta-редиректом и Double-meta редиректом.
- Не блокирует показ содержимого страницы
Создает тег <script>
и выполняет код из потока.
Пример:
<span id="67461868-aa82-910e-c1da-a3116685c291"></span><script type="application/javascript">
var d=document;var s=d.createElement('script');
s.src='https://example.com/8JdJ4D?se_referrer=' + encodeURIComponent(document.referrer) + '&default_keyword=' + encodeURIComponent(document.title) + '&'+window.location.search.replace('?', '&')+'&frm=script&_cid=67461868-aa82-910e-c1da-a3116685c291';
if (document.currentScript) {
document.currentScript.parentNode.insertBefore(s, document.currentScript);
} else {
d.getElementsByTagName('head')[0].appendChild(s);
}
if (document.location.protocol === 'https:' && 'https://example.com/8JdJ4D?se_referrer=' + encodeURIComponent(document.referrer) + '&default_keyword=' + encodeURIComponent(document.title) + '&'+window.location.search.replace('?', '&')+'&frm=script'.indexOf('http:') === 0 ) {alert('The website works on HTTPS. The tracker must use HTTPS too.');}
</script>
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# Script (синхронный)
- Совместим с JS-редиректом, Meta-редиректом и Double-meta редиректом.
- Chrome не выполняет код при низкой скорости интернета
Работает как "Script (асинхронный)", но использует window.write()
для выполнения JS-кода.
Пример:
<script type="application/javascript">
document.write('<script type="application/javascript" src="http://example.com/8JdJ4D?se_referrer=' + encodeURIComponent(document.referrer) + '&default_keyword=' + encodeURIComponent(document.title) + '&'+window.location.search.replace('?', '&')+'&frm=script"><' + '/script>');
</script>
1
2
3
2
3
# Статический frameset
- Не создает внутри scrollbar
- Не делает лишнего редиректа
- Не передает параметры из URL
- Тег frameset считается устаревшим в стандарте HTML
- Не работает в конструкторах сайтов
Запускает кампанию внутри фрейма по ширине и высоте браузера.
Пример:
<frameset rows="100%"><frame src="http://example.com/8JdJ4D?frm=frame"></frameset>
1
# Динамический frameset
- Показывает страницу на весь экран
- Без лишнего редиректа
- Передает параметры из URL
- Тег frameset считается устаревшим в стандарте HTML
- Не работает в конструкторах сайтов
Создает frameset, но с передачей параметров (UTM-меток).
Пример:
<script type="application/javascript">
document.write('<frameset rows="100%"><frame src="http://example.com/8JdJ4D?se_referrer=' + encodeURIComponent(document.referrer) + '&default_keyword=' + encodeURIComponent(document.title) + '&'+window.location.search.replace('?', '&')+'&frm=frame"></frameset>')
</script>
1
2
3
2
3
# QR код
Создает QR-код со ссылкой кампании.
Пример:
# Пиксель для Email
- Собирает аналитику прочтения писем
- Почтовые клиенты требуют пользователя подтвердить загрузку картинок
- Повышается риск попадания под спам-фильтр
Пример:
<img height="1" width="1" src="https://example.com/8JdJ4D?frm=img" />
1