как добавить рекламу на сайт html код

Как разместить объявления «Яндекс.Директа» на своём сайте

Если сайт ежедневно посещает сотни человек, его можно монетизировать. Рассказываем, как подключить и показывать на сайте объявления «Яндекс.Директа».

Контекстная реклама — это объявления, которые показываются пользователю, если он проявил интерес к товару или услуге и ввёл соответствующий запрос в «Яндекс» или Google.

Вы можете размещать сообщения у себя на сайте или в мобильном приложении и получать деньги за клики и показы.

При помощи сервисов «Яндекс.Директ» и Google Adsense это может делать владелец практически любого ресурса. Системы проанализируют вашу площадку и будут показывать на ней именно те сообщения, которые лучше всего подходят для аудитории.

Цена за клик по таким объявлениям зависит от разных факторов: тематики сайта, его посещаемости и цитируемости, географического положения пользователей, времени и дня показа.

В этом материале мы расскажем, как зарегистрироваться в системе «Яндекс.Директ» и транслировать чужие объявления на своем сайте.

Пишет про дизайн и маркетинг в Skillbox. С 2011 по 2017 год писала про бизнес в деловые СМИ, соучредитель агентства копирайтинга «Абзац».

Как разместить контекстную рекламу через «Яндекс.Директ»

1. Регистрируемся и проходим модерацию

Сайт может стать частью рекламной сети «Яндекса» (РСЯ) только в том случае, если он находится на платном хостинге и ежедневно его посещают не менее 300 уникальных пользователей. Ещё для площадки важна тематика ресурса: онлайн-казино, файлообменники или сайты с порнографией не подходят для размещения.

Прежде чем подавать заявку, проверьте, чтобы на сайте был установлен счетчик, при помощи которого отслеживается посещаемость. Это может быть «Яндекс.Метрика», Google Analytics или LiveInternet. Позже вам придется дать «Директу» доступ к одному из них.

После установки счётчика вам нужно заполнить анкету для будущих партнеров. На сайте есть три формы: для физических лиц, индивидуальных предпринимателей и юрлиц. Если зарегистрироваться как «физик», то не придется платить подоходный налог в 13%.

Заявка будет проходить модерацию примерно неделю. Если система её одобрит, на почту придет письмо с оповещением.

2. Создаем RTB-блок

Реклама в «Яндекс.Директе» продается и покупается по принципу RTB (Real Time Bidding) — аукциона в реальном времени. В тот момент, когда пользователь загружает страницу, RTB-система отправляет запрос на показ рекламы DSP-системам (Demand Side Platform), которые представляют интересы рекламодателя. Те автоматически определяют, насколько выгодно размещаться на данной площадке, и делают ставку. Право на показ объявления получает тот, кто предложит лучшую цену.

Звучит сложно, но на самом деле на это уходят секунды.

Чтобы продавать рекламные места у себя на сайте, нужно создать RTB-блок. Это делается в личном кабинете при помощи кнопки «Добавить RTB-блок».

После клика по кнопке вы увидите окно, в котором нужно выбрать тематическую площадку (страницу, на которой размещается реклама) и уровень приватности. Считается, что больше всего доходов приносят рекламные места, которые сообщают сторонним системам максимум информации.

3. Оформляем объявление

Теперь нужно определиться, как будут выглядеть сами сообщения. Вы можете разместить их по горизонтали или вертикали, задать размер и решить, сколько объявлений поместится в одном блоке.

В меню «Оформление» можно изменить цвет рамки и фона, чтобы объявление сочеталось с дизайном сайта, а также выбрать размер шрифта в заголовке. Лучше сделать блок максимально контрастным: так он привлечёт к себе больше внимания. Но помните, что реклама не должна отвлекать пользователей от основного контента. «Яндекс» запретит вам показывать объявления, если решит, что вы создали ресурс исключительно для заработка.

В объявлениях по умолчанию включены иконки сайтов-рекламодателей и быстрые ссылки. При желании вы можете отключить и то, и другое, но «Яндекс» в своих руководствах не рекомендует так делать: без них реклама становится менее яркой и структурированной.

4. Выбираем стратегию показа

Дальше переходим к пункту, который называется «Стратегия». По умолчанию «Яндекс.Директ» выбирает вариант «Максимальный доход». В этом случае система будет постоянно подбирать подходящие объявления и ставить их на все свободные места, а вам не придется разбираться в настройках. Для новичка этот вариант самый простой.

Остальные стратегии требуют ручного управления. При желании можно выбрать вариант «Минимальный порог CRM». В этом случае на сайт не будет попадать реклама со ставками меньше определенной суммы. Также можно заблокировать показ определенного вида объявлений или оставить часть трафика для собственного продвижения.

5. Вставляем объявление на сайт

Когда вы закончите создавать RTB-блок, на экране появится окно с кодом, который нужно будет скопировать и вставить в HTML-разметку в том месте, где должно отображаться объявление.

6. Выводим заработанные деньги

Заключение

Чтобы размещение контекстной рекламы приносило ощутимый доход, нужно заниматься продвижением сайта, наполнять его контентом и адаптировать под требования поисковых систем. При невысокой посещаемости сотрудничество с РСЯ может стать приятным бонусом, но не основным доходом.

На практическом курсе «Интернет-маркетолог от Ingate» вы узнаете, как проводить SEO-оптимизацию и создавать рекламные объявления, которые будут привлекать внимание пользователей.

Источник

HTML-код, HTML5-код

Описание

Любой HTML-код, в том числе HTML5, для показа через систему.

Код может представлять собой HTML-верстку баннера с CSS-стилями и JavaScript-кодом, либо код вставки сторонней системы управления интернет-рекламой.

Требования к HTML-коду (для разработчиков кода)

Подготовьте HTML-код, соблюдая требования к коду:

JavaScript и CSS предпочтительнее размещать внутри HTML-кода баннера.

Если итоговый HTML-код превышает максимально допустимое количество символов, необходимо уменьшить код за счет вынесения JavaScript и CSS в отдельные файлы:

Если в HTML-коде есть подключаемые файлы (JS, CSS, картинки, flash), вместо ссылок на файлы используйте переменные:

Чтобы в ADFOX у баннера считалась статистика по кликам, необходимо в HTML-коде вместо ссылки на сайт рекламодателя прописать переменную:

Используйте атрибут target (_blank, _top, _parent) для ссылок, чтобы указать в каком окне будет открыт сайт рекламодателя при клике.

Если атрибут отсутствует, ссылка откроется внутри iframe, то есть рекламируемый сайт откроется на баннерном месте.

a href=\»%reference%\»target=\»%target%\»>Сайт рекламодателя a >

В HTML-баннере есть несколько ссылок для перехода, ведущие на разные страницы рекламируемого сайта, и по каждой из них нужно получить количество переходов.

Прямые ссылки замените на переменные %reference% — чтобы в системе считалось общее количество переходов по баннеру.

С помощью @%eventHTML1%-@%eventHTML29% переадресовываем пользователя на нужную страницу.

После изменения получаем ссылки:

Соответствие ссылок и переменных нужно сообщить менеджеру, добавляющему баннер в ADFOX.

В параметрах баннера в URL перехода пропишите общую ссылку, вызываться она не будет.

На вкладке Баннеры → События в URL перехода пропишите к нужным номерам событий ссылки на сайт рекламодателя:

На синхронном коде вставки:

На асинхронном коде вставки:

Получить значение [rnd] в HTML-коде баннера можно с помощью JavaScript:

var rnd=%random1% || %random%;

Инструкция по подготовке HTML5, полученного в Adobe Edge Animate

Adobe Edge Animate — это adobe-редактор для создания HTML5-баннеров.

В Adobe Edge на кнопки для клика добавьте код, где N — номер ссылки от 1 до 29:

Настройки при публикации проекта:

Проект, созданный в Adobe Edge Animate включает следующий набор файлов:

В полученных файлах необходимо внести следующие изменения:

В HTML-код баннера, после тега и перед строкой AdobeEdge.loadComposition допишите код, где N — номер ссылки от 1 до 29:

a href=\»%reference%\»target=\»%target%\»> div > div > a >

Вы можете загрузить изображения на свой сервер либо файлообменник и использовать абсолютные ссылки оттуда.

Либо вы можете загрузить изображения из папки с проектом в интерфейс через закладку Файлы рекламной кампании.

При загрузке изображений автоматически будет сгенерирована абсолютная ссылка на каждое из них. Такую ссылку нужно указать вместо относительной в JS файле [Имя проекта]_edge.js.

В файле [Имя проекта]_edge.js нужно найти image.jpg и произвести замену на:

После внесения изменений в файл [Имя проекта]_edge.js сохраните его и также загрузите в закладку Файлы рекламной кампании. Скопируйте сгенерированную ссылку, например:

В основном HTML-коде [Имя проекта].html замените название проекта Имя проекта на полученную ссылку на файл [Имя проекта]_edge.js в строке

Преобразованный код будет выглядеть таким образом:

Источник

5 способов разместить контекстную рекламу на сайте

Добрый день. На связи с вами Илья Земсков. Я занимаюсь разработкой полезных плагинов для maxSite CMS, и Сергей Михалевич пригласил поделиться с вами некоторыми моими советами по обустройству сайтов на этом замечательном движке. В моём первом материале на этом сайте я решил дать ответ на популярный вопрос о том, как разместить контекстную рекламу на сайт?

Итак, существует минимум 5 возможных способа разместить код контекстной рекламы на сайте, который работает на maxSite CMS. Интересно, вы все их знаете?

1 способ – разместить код в шаблоне

Самый очевидный способ. Для его реализации нужно найти желаемое место в php-коде шаблона и вставить выданный рекламной системой код в это место (при этом важно не забыть оформить переход от php-кода к html-коду). Например, если поставить задачу выводить adsense-код между заголовком статьи и её содержимым, то можно разместить код системы в type_foreach файл info-top.php. Получится нечто такое:

Более гибко размещать в коде type_foreach-файлов. В этом случае получается легко разместить в одном из предусмотренных автором шаблона мест для кастомизации вывода. Для использования этого метода желательно хорошо ориентироваться в файлах шаблона.

Основной минус описанного способа в том, что рекламный код может оказаться в нескольких файлах шаблона, что затрудняет последующее управление им и затрудняет модернизацию шаблона (придётся натыкаться на длинные куски рекламного кода).

Следующий способ значительно снимает минусы первого способа.

2 способ – использовать плагин «Ушки»

В плагине также есть инструкция по применению, из которой мы видим, что для отображения рекламного кода нужно вызвать ушку «adsense». Если продолжить рассмотрение задачи выводить adsense-код между заголовком статьи и её содержимым с помощью type_foreach файла info-top.php, то получится такой код:

Таким образом, этот способ позволяет в будущем легко сменить рекламный код, если мы решим перейти в другую рекламную систему (например, поставить вместо Adsense код РСЯ, когда сайт в неё примут). Нам не придётся редактировать файлы шаблона, будет достаточно изменить содержимое ушки adsense.

При рассмотрении первых двух способов размещения рекламного кода я брал за основу самый простой случай – когда надо разместить рекламу на всех страницах сайта. Однако, бывают сайты, на которых нужно довольно выборочно показывать рекламу. Например, отображение сторонней рекламы надо отключить, если на странице происходит подписка на очередной вебинар или рассылку (отключить чтобы не отвлекать от целевого действия ), но на страницах с полезными советами или ответами на вопросы рекламу вполне можно оставить. Как решается такая задача?

Обычно решается с помощью дополнительного программирования. Например, чтобы показывать рекламу на страницах с определённым id надо, во-первых, создать ушку, где будут храниться id «правильных страниц», а во-вторых, вместо простого кода вызова ушки использовать такой код:

В принципе, зная php и досконально разобравшись в архитектуре движка можно реализовать условия отображения насколько хватит фантазии любой сложности. Но не всем вебмастерам хочется иметь дело с php-кодом, тем более что решаемые задачи, как правило, довольно стандартны и, по идее, должны иметь «шаблонные решения». А они существуют, и речь о них пойдёт дальше.

3 способ – использовать плагин «AdsCut»

Так как установка плагина стандартная и настройка очевидна, больше рассказывать о плагине особо нечего. Поэтому просто укажу, что скачать плагин можно через ветку официального форума.

4 способ – использовать плагин «AdInsertion»

Рассматриваемый плагин кроме возможности выводить рекламу на месте бб-кода [cut] умеет вставлять независимые объявления в начало и конец каждой страницы, а также отключать показ на страницах, которые перечислены в настройках плагина. Ещё умеет отключать показ рекламы на «главной странице» (однако по php-коду текущей версии плагина понятно, что при такой настройке отображение отключается везде, кроме страниц с публикациями).

Интересной возможностью плагина является функция «обёртывания » (при выводе) рекламного кода в специальный DIV-блок, для которого можно задать специальные css-стили.

5 способ – использовать компонент «Контекстная реклама»

Предлагаемый способ в чём-то схож с предыдущими способами, но так как основан на использовании компонентов, имеет свои особенности:

Во-первых, установка компонента. Т.к. компоненты располагаются в специальной папке шаблона, то надо скопировать компонент в неё (а не в папку плагинов).

Компонент имеет много настроек, но благодаря названиям и инструкциям к полям их освоение не составляет большого труда. Поэтому лучше ещё раз обозначу возможности, которые открываются благодаря этим настройкам:

Третьим важным шагом по установке компонента на сайт является прописывание вызова компонента в шаблоне. Но чтобы вы не пугались, скажу, что программировать вам придётся не больше, чем в случае использования ушек (смотрите 2-ой способ). А то может и меньше (если, например, решите воспользоваться местами вызова, ранее заготовленными разработчиком шаблона). В частности, необходимо разместить (аналогично 2-му способу) в шаблоне такой код:

Как видите, ничего сложного. Достаточно скопировать этот код (он, кстати, приводится в прикладываемом к компоненту файле справки) в нужный type_foreach файл. Всё. После этого шага установки можно открывать сайт и проверять отображение рекламы согласно настроенным условиям.

Изначальной идеей появления компонента «Контекстная реклама» была необходимость вынести из ушек многочисленные настройки отображения рекламы и уменьшить количество обслуживающего кода, который находится в шаблоне. Как видите, компонент решил эти задачи и позволил не засорять шаблон избыточным копипастом рекламного и/или обслуживающего (проверку условий отображения) кода. Все настройки хранятся в одном месте и в удобном виде.

Благодаря тому, что компоненты не страдают синдромом «неприкосновенности» (которому подвержены стандартные файлы движка и плагинов), также можно решать и более сложные задачи по размещению рекламы на сайте. Просто вам может понадобиться вносить более серьёзные правки в php-код компонента. Так что описанный компонент вполне можно использовать как хорошую заготовку для решения вашей задачи.

Вместо заключения

Ещё остались, как минимум, два элементарных способа: размещение в сайдбаре текстового виджета с рекламным кодом в нём и размещение рекламного кода на главной странице в блоке «текст перед всеми постами». Я не стал включать эти способы в обзор. Во-первых, они вполне очевидны и не требуют лишних пояснений. А во-вторых, хотел получить красивое название статьи.

Материал не является подробной инструкцией. Поэтому, если у вас возникнет желание прочитать более развёрнутый рассказ о каком-то из описанных способов – дайте знать в комментариях! Ну или задавайте свои вопросы. Будем вместе искать ответы

Источник

Пошаговая инструкция как вставить баннер на сайт

«Самый надежный компас на жизненном пути – цель»

Установка баннера на сайт

Как вставить баннер на сайт.В плане этого проекта заложен процесс установки и размещения баннера на сайте. Устанавливать будем мой баннер.

Первая задача понять, что такое баннер и как его установить.

Во вторых, решаем вопрос реализации одного из основных принципов (правил) любого бизнеса.

Позиция только «Берущего» изначально проигрышна. Нельзя никогда забывать о позиции «Дающего»

Ба ннер — это «Реклама», представленная в виде небольшого графического блока (рисунка) На баннер необходимо кликнуть курсором мышки, чтобы посетить рекламируемый обьект (сайт).

Заходим в панель управления WordPress.

На клавише «Внешний вид» выбираем «Виджеты».

нажмите на рис.

Главное теперь определиться где будем размещать баннер.

Показываю на примере установки в Основную боковую панель (левый сайдбар)

В блоке доступных виджетов выбираем наш золотой виджет «Текст»

Левой кнопкой мыши забираем виджет «Текст» и перетаскиваем в открытый сайдбар.

Нажмите на рис.

После этого виджет «Текст» прописывается в боковой панели в готовности в любое время трансформироваться под что угодно.

В данном случае в поле этого виджета мы вставим код баннера.

Щелкаем мышкой по полю ниже Заголовок. Поле активируется

Вставляем Html код баннера (Ctrl+V).

Пример «Нажмите на баннер»

Нажимаем на кнопку «Сохранить»

Баннер установлен

Открываем свой сайт

Видим установленный баннер

Нажмите на рис.

Уважаемые друзья, работа с рекламными баннерами, различные баннерные сети, парковочные и арендные площадки для баннеров. Все это основа любого интернет бизнеса. Обеспечивает Золотой Виджет

Если вы в свое время выполнили, первый подготовительный этап в полном обьеме,

Поработали с Почтовиками и Сервисами активной рекламы. Почувствовали, что есть люди которые имеют свой сайт и активно используют баннерную рекламу. Приобрели фундаментальные, навыки, знания и умения в работе с рекламой.

То сейчас вы понимаете насколько просто и гарантированно теперь уже вы сможете добиться реального успеха. Только на рекламе будете иметь приличную добавку к своему бюджету.

Но есть еще более успешные виды интернет заработка И один из них заработок на e-mail рассылках.

Не с первых дней существования сайта будет работать этот метод.

Но вспомните. «Путь в 1000 миль начинается с первого шага».

Этот шаг Я и предлагаю сделать.

«Создание своей рассылки в системе почтовых сервисов

и подключаем ее к своему сайту»

Переходим по ссылке

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 4.5 / 5. Количество оценок: 8

Источник

Как вставить рекламу на сайт

Сегодня будем разбираться, как вставить рекламу на сайт без использования плагинов. Данный способ предполагает внесение некоторых изменений в шаблон блога, а именно в файлы шаблона, т.е. в код. И не нужно этого бояться! На самом деле делается все легко и просто, что я вам, собственно, и покажу.

Почему будем вставлять код рекламы без использования плагинов? Да потому что каждый активный плагин создает дополнительную нагрузку, а когда плагинов много…, сами понимаете…

А, еще, чем чаще Вы будете самостоятельно «копаться » в коде, тем больше наберетесь опыта и будете ориентироваться в коде файлов шаблона все лучше и лучше. Однако, если я всё же не смогла Вас убедить в пользе данного способа, и Вы все-равно предпочитаете использовать плагин, тогда посмотрите мою статью, в которой идет речь о плагине, который умеет вставить код в нужное место.

Итак, как же вставить рекламу на сайт без плагина

Прежде всего, нужно понимать из каких файлов состоит шаблон. Как Вы понимаете, мы говорим о блогах и сайтах, работающих на вордпресс, и, поэтому, структура блога будет иметь такой вид:

header.php — отвечает за самую верхнюю часть блога, за его «шапку»

sidebar.php — это файл, отвечающий за боковые колонки нашего блога, которые находятся с правой или с левой стороны от основного контента.

footer.php — файл, который отвечает за нижнюю часть блога, ту, где обычно находится копирайт.

index.php — это главная страница любого сайта или блога, то есть та, на которую в первую очередь попадает посетитель при наборе адреса http://site.ru

page.php — файл страниц блога, статических страниц, таких как «о сайте», «услуги», «реклама» и т.д., кроме главной страницы. Если Вы захотите вставить какой-либо код именно на этих статических страницах, то изменения нужно будет вносить именно в этот файл.

archive.php — вывод прошлых, архивных записей.

category.php — отвечает за страницы, на которых выводятся записи по категориям.

single.php — это файл, который отвечает за вывод отдельных записей, статей блога. Именно этот файл нам и нужен для того, чтобы разместить рекламу на сайте, так как мы будем вставлять рекламу возле статьи.

Теперь, думаю понятно, что в зависимости от того, в какое место на блоге нужно вставить код, необходимо вносить изменения в соответствующий файл шаблона.

Можно, конечно изменять код в файлах и прямо из админки вордпресс, но, тогда будет сложнее все исправить, если, вдруг будет допущена какая-либо ошибка.

Внимание! Перед тем как вносить какие-либо изменения в любые файлы, обязательно делайте их резервную копию, для того, чтобы в случае какой-либо ошибки, Вы всегда смогли бы восстановить исходный вид файла.

Итак, открываем папку с файлами шаблона нашего блога и ищем нужный файл. Берем наш файл single.php (не забываем сделать копию), и открываем его в текстовом редакторе, лучше Notepad++.

Затем при помощи поиска ищем в нем такую строку:

Именно эта строка отвечает за вывод контента, а именно наших статей. Далее, для того, чтобы наш рекламный код появился до или после статьи, его нужно и вставить соответственно до или после этой строки.

Внимательно следите за всеми скобочками, чтобы ничего не испортить ) Теперь файл нужно сохранить и закинуть его на хостинг, в папку шаблона. После этого откройте любую статью на блоге и проверьте, появилась ли реклама в нужном месте. Если нужно, чтобы реклама выровнялась по центру, то запишите код вот таким образом:

После этого реклама отобразится по центру. Вообще, когда я только начала вникать в премудрости кода на своем блоге, и мне нужно было куда-то что-то вставить, я использовала один простой метод.

Я просто брала и вставляла в код, в нужное место несколько точек или тире, не важно, затем сохраняла файл и смотрела в каком месте на странице эти точки появятся. Если они появлялись там, где мне нужно было, то точки я убирала и вставляла на их место код. А если точки «вылазили» совсем не там, я экспериментировала дальше. Вот такой нехитрый способ )

Но, лучше всего, для проведения всяких экспериментов с кодом, создать тестовый блог на отдельном поддомене, установить туда нужный шаблон и экспериментировать на нем сколько душе угодно без ущерба для основного блога.

Вот и вся наука о том, как вставить рекламу на сайт до или после статьи. И не забывайте сначала сделать копию редактируемого файла! Если у Вас возникнут вопросы, пишите в комментариях, будем разбираться вместе )

Источник