Как добавить липкую рекламу в футере в Wordpress?

В этой статье я покажу вам, как добавить липкое объявление в нижнем колонтитуле на ваш веб-сайт Wordpress.

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

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

Итак, давайте разберемся, что такое липкая реклама, примеры липкой рекламы и как вы можете реализовать это на своем веб-сайте Wordpress.

Что такое липкая реклама?

Как следует из названия, липкая реклама — это реклама, которая прикрепляется к определенной позиции на веб-сайте, несмотря на то, что пользователи прокручивают страницу . Таким образом, липкая реклама получает лучшую экспозицию и привлекает внимание посетителей.

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

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

Некоторые люди также называли их нижними липкими объявлениями или плавающими объявлениями .

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

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

Рекомендации AdSense для прикрепленных объявлений

• Не перегружайте страницу рекламой. Вы должны убедиться, что вся реклама, в том числе прикрепленная реклама, должна занимать меньше, чем количество контента на просматриваемом экране или в области просмотра.
• Вертикальные прикрепленные объявления никогда не должны перекрывать или закрывать другой контент страницы.
• Объявление никогда не должно располагаться слишком близко к содержанию, навигационным функциям сайта (включая полосы прокрутки) или другому объявлению.
• Любая реализация рекламы должна обеспечивать четкое разграничение между рекламой и контентом.
• Горизонтальные прикрепленные рекламные блоки не могут отплывать от краев окна или следовать за курсором.
• Горизонтальные прикрепленные рекламные блоки не могут отплывать от краев окна или следовать за курсором.
• липкая реклама в нижнем колонтитуле не должна занимать более 30% экрана вашего компьютера, планшета или мобильного телефона.

Шаги, чтобы добавить липкую рекламу в нижнем колонтитуле в Wordpress

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

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

Шаг 2 : Теперь скопируйте идентификатор издателя а также код рекламного места данных и замените его в приведенном ниже коде.

 <div class='sticky-ads'> <div class='sticky-ads-close'><svg viewbox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div> <div class='sticky-ads-content'> <ins class="adsbygoogle" data-ad-client="ca-pub-xxxxxxxxxxxxx" data-ad-slot="xxxxxxxxx"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></div> <style> .sticky-ads{ position: fixed; bottom: 0; left: 0; width: 100%; min-height: 70px; max-height: 200px; padding: 5px 0; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1); -webkit-transition: all .1s ease-in; transition: all .1s ease-in; display: flex; align-items: center; justify-content: center; background-color: #fefefe; z-index: 20; }.sticky-ads-close { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 12px 0 0; position: absolute; right: 0; top: -30px; background-color: #fefefe; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08); } .sticky-ads .sticky-ads-close svg { width: 22px; height: 22px; fill: #000; } .sticky-ads .sticky-ads-content { overflow: hidden; display: block; position: relative; height: 70px; width: 100%; margin-right: 10px; margin-left: 10px;</style>

Шаг 3 : Теперь перейдите к Внешний вид > Редактор темы > Footer.php файл и найдите тег </body>.

Шаг 4 : Вставьте код прямо над ним и обновите файл.

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

Устранение неполадок с прикрепленным объявлением

Если код не работает должным образом, вам нужно проверить, не вызывают ли ваши плагины кэширования, такие как WP-Rocket или LiteSpeed ​​cache, эту проблему. В некоторых случаях Удалить неиспользуемые настройки CSS или javascript вызывают проблемы такого типа, препятствуя загрузке кода во внешнем интерфейсе.

Вы можете попробовать временно деактивировать плагин, очистить кеш и проверить в режиме инкогнито. Я также рекомендую вам добавить код в раздел заголовка вашего веб-сайта. Кроме того, в некоторых случаях вы можете увидеть пустое объявление. Иногда это происходит, если скорость заполнения объявления низкая. Это означает, что если со стороны AdSense недостаточно объявлений для отображения, рекламное место будет отображаться пустым. Попробуйте открыть старую популярную страницу, где вы получаете больше всего трафика, и проверьте, показывается ли реклама.

Или вы можете использовать этот альтернативный код Sticky Ad на своем веб-сайте. (дайте мне знать, если это работает или нет)

Видеогид

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

Для этого я предпочитаю использовать плагин « Header Footer Code Manager » от «99robots». Это бесплатный плагин для управления кодом в Wordpress.

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

Если вы используете Pro-версию темы Kadence, вы можете вставить код в раздел «Скрипты верхнего/нижнего колонтитула» в настройщике.

Вы можете включить эту функцию, выбрав Внешний вид > kadence .

Кстати, тема Kadence обладает множеством уникальных функций, и вы можете легко настроить свой веб-сайт Wordpress.

Вот некоторые учебные пособия по теме Kadence [ видео ], которые могут вас заинтересовать:

Как скрыть эту липкую рекламу в нижнем колонтитуле на главной странице?

Вы можете скрыть липкую рекламу в нижнем колонтитуле с главной страницы вашего веб-сайта Wordpress, заблокировав загрузку рекламного кода.

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

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

Теперь установите расположение нижнего колонтитула и сохраните выравнивание по центру , как показано на изображении выше.

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

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

Вывод

Надеюсь, вы успешно добавили липкую рекламу в футере на свой веб-сайт Wordpress. Если у вас возникнут какие-либо проблемы во время этого процесса или какие-либо сомнения, не стесняйтесь спрашивать меня в разделе комментариев.

Кроме того, скажите мне, повышает ли липкая реклама рейтинг кликов (CTR) или нет.

Не забудьте подписаться на наш канал на YouTube, чтобы получать больше подобных руководств.