Как вставить любой скрипт в статью WordPress. Плагин Shortcoder


Часто бывает необходимым вставить скрипт в WordPress. И если вставлять его в файлы довольно легко и WP обрабатывает такой скрипт безо всяких затруднений, то многие вебмастера испытывают трудности при попытке вставить скрипт в саму статью.

Собственно, затруднений как раз нет – Вордпресс просто отказывается его воспринимать.

А вебмастеру очень хочется вставить, скажем, код рекламных сетей Google Adsense или РСЯ,  еще каких-либо сетей или сервисов именно в тело статьи, полагая, что там кликабельность таких обьявлений будет выше.

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

Принцип действия таких плагинов такой: сам скрипт записывается в файле functions.php, а в статье размещается специальная метка вызова этого кода. Вот эта метка и называется шорткод. С точки зрения читателя это будет выглядеть так, как будто скрипт размещен в самой статье, а с точки зрения Вордпресса все по-другому: раз кода скрипта в самой статье нет, то все нормально.

Сегодня я хочу предложить вам к использованию один чудесный и очень легкий в использовании плагин – Shortcoder. Скачивается и устанавливается он как обычно – с помощью страницы «Установка плагинов», где надо вписать его название в окошко «Найти».

После этого находите в левом меню в «Настройках» этот плагин и открываете его:

 Плагин ShortcoderРис.1 (Для увеличения любой картинки — кликните по ней)

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

Сам шорткод запоминать не надо – его помнит плагин. Rating означает рейтинг, об этом сервисе- чуть ниже, а пока попробуем создать шорткод для Google Adsense и разместить его в статье.

Размещение кода рекламных сетей в статье с помощью шорткодов

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

Открываете страницу настроек плагина (как на рис.1). Прежде всего, нам необходимо придумать такое название шорткода, чтобы вам самим было ясно, о чем идет речь, например, G-336×280 (рекламная сеть Google, размер обьявления 336×280). Писать название лучше английскими буквами, плагин в одном нужном для нас месте не воспринимает кириллицу.

Кроме того, в названии шорткода не должно быть пробелов, т.е. нельзя писать так: G – 336×280; шорткод не будет работать, а при попытках отредактировать название плагин просто создаст новый код. В результате у вас будет два названия – правильное и неправильное, а поскольку они очень похожи, то возможна путаница.

Как удалить неправильный шорткод мне подсказала одна чудесная читательница Людмила: надо навести курсор на неправильный шорткод, кликнуть по нему и сразу справа активируется корзина. Перетаскиваете неправильный шорткод туда и все! — Неправильный шорткод удален.

Потом на сайте Адсенса копируете рекламный код и вставляете его в окно Content. И нажимаете на большую кнопку  в правом нижнем углу «Create Shortcode» (у меня на скриншоте №1 другое название – «Редактировать скриншот», т.к. он уже создан). У вас должно получиться так:

 написание шорткодаРис.2

В нижней части страницы в разделе Created shortcodes у вас появится ваш первый шорткод:

 3Рис.3

Теперь рассмотрим –

 Как вставить шорткод в статью

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

Потом возвращаетесь в админку, ищите то место в статье, которое вы определили и делаете там пустую строку:

 размещение шорткода в статьеРис.4

В визуальном редакторе у нас появилась новая кнопка, иконка которой показывает, что это кнопка плагина Shortcoder. Нажимаем на нее, откроется окно:

 перечень шорткодовРис.5

Обратите внимание:

  1. Слово «Рейтинг» написанное на кириллице отображается непонятными символами. Ели у вас 1-2 такие строки, то ничего страшного, а если 10-20? Запутаетесь. Поэтому пишите на латинице.
  2. В списке есть и правильные (например, G-468×60), и неправильные (G – 468×60, т.е. с пробелами) заголовки. Во избежание путаницы уберите неправильные. Как? — Читайте выше.

Кликаете по строчке с нужным шорткодом, строчка изменится:

 6Рис.6

Теперь жмете на кнопку Insert Shortcode и смотрите на текст статьи:

 шорткод в статьеРис.7

Видим, что шорткод установлен. Обновляем запись (или публикуем ее) и смотрим на сайте:

 вид на сайтеРис.8

Ура! Заработало!! Теперь вы еще больше денег сможете получать от AdSense или РСЯ.

Если вам не нравится расположение рекламы относительно центра, измените ее – в админке просто выделите код и нажмите кнопку «По центру».

Очень важно: размещая рекламу в статьях, следует всегда помнить о требованиях рекламных сетей. Так, Google не разрешает установку более 3 рекламных блоков на странице, иначе будет вечный бан.

Именно по этой причине вы не пока не увидите в моих статьях рекламных блоков в самих текстах, внутри их. Чтобы воспользоваться шорткодами, мне необходимо убрать автоматическое размещение рекламы с помощью другого плагина, а он ее размещает во ВСЕХ статьях. Значит, мне надо старый плагин убрать и только потом вручную размещать рекламу в статьях, а размещение рекламы в 800 статьях требует времени и немалого. Но и эффект от рекламы будет выше.

Теперь перейдем к более сложным вещам.

Размещение скрипта любого сервиса на странице WordPress

Рассмотрение этого вопроса нам необходимо по 2 причинам:

  • Посмотреть можно ли что-либо добавлять (например, текст) к скрипту. Рекламные сети это не поощряют, поэтому посмотрим на стороннем сервисе.
  • Проверим, можно ли в один шорткод к скрипту добавлять, кроме текста, еще один скрипт (или несколько). Иногда это бывает удобно.

Для рассмотрения возьмем отличный сервис социальной активности UpToLike: он предоставляет вебмастерам различные скрипты для очень полезной цели – буквально принуждает ваших читателей к совершению тех или иных действий. А это улучшает поведенческие факторы на вашем сайте, а они — один из главных, если не главный, фактор, влияющий сегодня на ранжирование сайта у поисковых систем.

Итак, приступим.

Задача №1. Дописать к скрипту текст и отформатировать его.

Допустим, у нас есть желание разместить в тексте статьи кнопки «Нравится» — «Не нравится» для оценки статьи читателями. При размещении скрипта мы получим в тексте только одни кнопки, безо всяких пояснительных слов. Это будет выглядеть несколько дико. Поэтому я шоркоде написал так:

<div align="center">

<h3>Понравилась статья? Оцените ее:</h3>

<script>

Здесь расположен сам скрипт

</script>

Благодарю Вас!</div>

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

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

Кстати, заметили, что я не включал в шорткод автора статьи? – Это сделано умышленно, чтобы поисковикам было легче определять авторство.

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

Задача №2. Разместить в шорткоде 2 различных скрипта

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

<div align="center">

<h3>Понравилась статья? Оцените ее и... :</h3>

<script>

Первый скрипт

</script>

<h3>... сообщите о ней друзьям:</h3>

2-й скрипт

Благодарю Вас!</div>

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

Как это выглядит на сайте – посмотрите ниже. И попробуйте, как это все у меня работает (это намек!!!)

Надеюсь, плагин Shortcoder и сервис UpToLike приблизит вас к осуществлению вашей мечты- сделать идеальный сайт!

...Сообщите об этой статье своим друзьям:
Благодарю Вас!
А еще Вы можете подписаться на рассылку и первым получать самые свежие статьи.

Удачи!

P.S. Заметьте, что в этой статье получилось два комплекта кнопок – та же проблема, что и описана выше: убрать на одной странице соц.кнопки после статьи означает, что 799 статей останутся без кнопок.

Автор: Сергей Ваулин

Похожие записи по этой теме:

10 thoughts on “Как вставить любой скрипт в статью WordPress. Плагин Shortcoder

  1. Айк

    Спасибо наконец-то нашел полезную информацию

    Reply
  2. Виталий

    Плагин работает лучше всех остальных. А кто подскажет, как вставить текст в конец каждой записи?

    Reply
  3. Адениум.

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

    Reply
  4. polyus

    Не работает в вордпресс 4,6 — нет кнопки вставить шорткод

    Reply
  5. Рухшона

    Уверенна, что сделала все правильно, уже аж голова пухнет, но реклама не появляется а в статье видно лишь код баннера и все! Подскажите пожалуйста, что же не так? А за статью спасибо-очень информативно!)

    Reply
    1. admin Post author

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

      Reply
  6. Людмила

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

    Reply
    1. admin Post author

      Людмила, просто огромное Вам спасибо. Я попробовал — все сработало. Сейчас переделаю статью

      Reply
  7. Людмила

    Спасибо, Сергей! Два дня уже билась именно с такой задачей, а тут Ваша статья. И всё сразу решилось! Спасибо ещё раз!

    Reply
    1. admin Post author

      Людмила, очень рад, что моя статья помогла Вам. Заходите еще!

      Reply

Оставить комментарий

Your email address will not be published. Required fields are marked *