Как добавить баннер на свой сайт
Как установить баннер на сайт: пошаговая инструкция для новичков
Друзья, привет! Иногда у новичков возникает вопрос как установить баннер на сайт? На самом деле установить баннер на сайт достаточно просто: нужно лишь определиться с местом рекламной картинки. Чаще рекламные баннера со своей партнерской (реферальной) ссылкой размещают в виджете сайта на движке wordpress (боковые колонки) или непосредственно в статьях в виде картинок, которые ведут на партнерские продукты.
Как установить баннер в виджет сайта
Давайте сразу определимся с тем, чтобы установить баннер на сайт, нам нужно знать его код. Коды баннеров обычно предоставляют те ресурсы, партнерские продукты которых вы хотите продвигать. Обязательно к вашей партнерке вам присваивается реферальная (партнерская) ссылка. Посетители вашего сайта, щелкнув на нее, прописываются за вами, и если будет сделана продажа, часть прибыли уйдет вам!
Рассмотрим, как установить баннер на сайт, на примере партнерки хостинга OfferHost. Тем более, что такой баннер у меня уже имеется.
На главной странице Offerhost.ru внизу переходим на вкладку Партнерская программа.
Далее в рекламных материалах выбираем понравившийся вам баннер.
Есть баннеры анимированные, есть с ценой, для соцсетей и т.д. Обязательно под картинкой копируем внимательно код баннера полностью!
Переходим в Консоль сайта – Внешний вид – Виджеты.
Для того, чтобы вставить код баннера в сайдбар, необходимо перенести сюда из левой колонки новый блок Текст.
И уже в открывшемся поле Текста вставить скопированный код баннера.
Теперь обратите внимание в коде на слова в кавычках ВАША РЕФЕРАЛЬНАЯ ССЫЛКА. Сюда строго между кавычек нужно вставить партнерскую ссылку, которая именно в Офферхосте находится внутри кабинета. Естественно вы должны быть зарегистрированы на хостинге. Админка хостинга – Клиент – вкладка Реферальная программа – Реферальная ссылка.
Скопируйте реферальную ссылку. Возвращаемся на сайт в блок Текст с кодом баннера. Вместо слов ВАША РЕФЕРАЛЬНАЯ ССЫЛКА строго между кавычек вставляйте скопированную реферальную ссылку.
Не забудьте нажать Сохранить. Теперь, если перейти на главную страницу сайта в виджете вы увидите баннер, щелкнув по которому, посетители вашего сайта по реферальной ссылке попадут на хостинг Офферхост.
Часто бывает такое, что баннер встает не посередине виджета, а смещается к левому краю. Это можно исправить, заключив код баннера в теги center: <center>…</center>. Тогда ваш баннер встанет строго посередине колоночки.
Как установить баннер в статью сайта
В этом случае вы можете использовать картинки партнерского продукта или собственные. Здесь код баннера копировать нет необходимости! И, на мой взгляд, это более простой вариант размещения реферальной ссылки. Все, что вам нужно при загрузке медиафайла (картинки) в статью в ссылке картинки в поле URL вставить вашу реферальную ссылку и Сохранить.
Щелкнув по такой картинке, посетители так же будут попадать на рекламируемый вами партнерский продукт.
Более подробно как установить баннер на сайт смотрите в моем видеоуроке
Денежные ручейки
Полное руководство по добавлению баннера cookie на ваш веб-сайт
В любом случае, каким типам веб-сайтов нужен баннер cookie?
Если на ваш веб-сайт приходят посетители из Европейского Союза, вам, вероятно, понадобится баннер с согласием на использование файлов cookie, если вы хотите придерживаться правил Европейского Союза.
Первоначально принятые в 2011 году и расширенные с помощью GDPR в 2018 году, правила Европейского Союза в отношении файлов cookie по существу требуют, чтобы вы получали «четкое, осознанное согласие» посетителей на использование файлов cookie, которые отслеживают данные пользователей.
Это технически не для каждого отдельного веб-сайта, но с учетом популярности таких инструментов, как Google Analytics, Facebook Pixel, кнопки публикации в социальных сетях и других, есть довольно высокая вероятность, что ваш веб-сайт использует хотя бы некоторые файлы cookie для отслеживания.
Итак, на практике , большинству сайтов, которые принимают посетителей из Европейского Союза, требуется баннер согласия на использование файлов cookie. И в этом глобальном мире это большинство сайтов - точка.
Короче говоря… Вам, вероятно, понадобится баннер согласия на использование файлов cookie , если вы хотите соблюдать правила Европейского Союза!
Вот что вам нужно включить в уведомление о согласии на использование файлов cookie.
Цель баннера файлов cookie - получить информированное согласие на использование файлов cookie до того, как посетители начнут использовать ваш сайт.
Итак, вам необходимо:
- Показывать баннер согласия на использование файлов cookie сразу после первого посещения пользователя.
- Получить информированное согласие посетителей на использование файлов cookie. Обычно это делается путем ссылки на вашу политику конфиденциальности / файлов cookie, а также с помощью кнопки, указывающей на согласие.
Три отличных примера баннеров cookie в действии (вы узнаете, как их все воссоздать!)
Хорошо, вам нужен баннер cookie. А теперь - куда вы его положите?
Вы можете разместить свой баннер cookie где угодно, если он достаточно заметен, чтобы привлечь внимание читателей и получить осознанное согласие.
Давайте начнем с нескольких примеров, а затем мы покажем вам, как вы можете продублировать любой из этих примеров на своем собственном сайте без необходимости написания ни одной строчки кода.
1. Баннер согласия на использование файлов cookie на нижней панели
Beyond The Barre использует привлекающую внимание нижнюю панель для подтверждения согласия на использование файлов cookie:
2. Баннер согласия на использование файлов cookie на верхней панели
Decksender меняет положение, перемещая файл cookie Баннер вверху страницы:
3.Выдвижной баннер согласия на использование файлов cookie
INUSUAL позволяет отображать баннер согласия на использование файлов cookie в виде вставки в нижнем левом углу (вы можете легко переключить его вправо):
Добавьте эти баннеры файлов cookie в за пару кликов
Если вам понравился какой-либо из этих примеров, вы можете добавить их прямо на свой веб-сайт в течение нескольких минут. Просмотрите галерею баннеров согласия на использование файлов cookie ниже и нажмите кнопку «Просмотреть в реальном времени», чтобы увидеть их в действии. Затем выберите тот, который хотите разместить на своем веб-сайте, и в режиме предварительного просмотра следуйте кратким пошаговым инструкциям.
Плавающая панель
Хотите создать баннер с нуля? Вы тоже можете это сделать. Следуйте пошаговой инструкции по созданию баннера для файлов cookie ниже.
Как создать свой собственный баннер для файлов cookie, не написав ни единой строчки кода
Теперь самое интересное - как вы можете создать баннер согласия на использование файлов cookie, как в этих примерах , для вашего собственного веб-сайта .
Во всех трех примерах используется Getsitecontrol - инструмент, позволяющий добавлять несколько виджетов на ваш сайт.Виджеты могут быть плавающими кнопками контактов, всплывающими окнами электронной почты, онлайн-формами обратной связи или… как вы уже догадались - баннерами согласия на использование файлов cookie .
Используя простой интерфейс, вы сможете настроить свой баннер cookie:
- Размещение
Включая все приведенные выше примеры, а также другие - Текст
Включая возможность ссылки на вашу политику конфиденциальности - Кнопка
Оба текст и цвет вашей кнопки - Цвета
В соответствии с дизайном вашего сайта
И он также включает в себя специальный адаптивный режим, который гарантирует, что ваше уведомление о согласии на использование файлов cookie отлично работает и для мобильных посетителей.Вот как использовать Getsitecontrol для создания уведомления о согласии на использование файлов cookie…
Шаг 1. Добавьте Getsitecontrol на свой веб-сайт
Хотя вы будете выполнять большую часть работы в веб-интерфейсе Getsitecontrol, вам сначала нужно добавить Getsitecontrol на свой веб-сайт чтобы вы могли отображать баннер согласия на использование файлов cookie после его публикации.
Для этого вам необходимо создать учетную запись Getsitecontrol. Затем вам нужно добавить на свой сайт фрагмент кода Getsitecontrol. Если вы используете WordPress, самый простой способ добавить фрагмент - через официальный плагин Getsitecontrol.Он выполнит интеграцию за вас. Для других сайтов вам необходимо вручную добавить код перед закрывающим тегом