Виджет «Похожие сообщения» от LinkWithin для WordPress и Blogger
Сегодня мы будем устанавливать виджет “Похожие сообщения” от Linkwithin.
Он ставится одинаково легко на блоги и на Blogger, и на WordPress.
Наверняка Вы видели на блогах после каждой статьи блок ссылок (с картинками или без них) на другие статьи блога. Этот блок может называться на разных блогах по-разному: «Похожие сообщения», «Похожие статьи», «Вам также понравятся» и т.д., но суть у них одна: выбирается заданное количество других статей блога той же тематики (по какому-то принципу) или случайным образом.
Этот блок похожих статей (будем называть его так) необходим на блоге для того, чтобы заинтересовать посетителя не только той статьей, ради которой он зашёл на блог, но и другими. Это может побудить его задержаться на блоге, читая не одну, а две, три… статьи, что улучшит поведенческие факторы на Вашем блоге.
Поскольку первый мой блог базируется на Blogger, а единственным сервисом, предоставляющим подобную услугу для платформы Blogger, был LinkWithin, то с него и начнем.
Гаджет «Похожие сообщения» для Blogger
- Заходите на сайт Linkwithin.com
- Заполняете форму справа: действующий еmail, URL Вашего блога, количество показываемых ссылок (в зависимости от ширины текстовой части блога от 3 до 5) и выбираете платформу (other – другая).
- Если у Вашего блога фон – темный, а текст – светлый, то нужно поставить галочку напротив строки «My blog has light text on a dark background», иначе – не ставьте!
- Жмите кнопку «Get Widget!», откроется следующая страница, где Вы увидите код, который Вам нужно вставить в шаблон блога.
- Переходите в панель Blogger, выбирайте нужный блог, если он у Вас не один.
- Далее можно действовать двумя путями:
- Вставить этот код в шаблон блога после строки <data:post.body/> (обычно в шаблоне таких строк 2 или 3, вставить нужно после последней).
- Вставит этот код в гаджет, который находится после сообщения.
- Второй вариант проще, но я рассмотрю оба. Но сначала немного изменим код. В начале его добавим одну строку для того, чтобы похожие сообщения показывались только на страницах статей и не показывались на главной. А после строки var linkwithin_site_id = 999999; (номер у Вас будет свой) добавим текст, который будет публиковаться перед этим блоком (то есть те же «Похожие статьи», «Вам это будет интересно», … – текст напишите тот, который Вам больше нравится). И последней строкой добавим тег, закрывающий первое условие.
Таким образом, код будет выглядеть так:
12345678<b:if cond='data:blog.pageType == "item"'><script>var linkwithin_site_id = 999999;linkwithin_text='Похожие сообщения:';</script><script src="http://www.linkwithin.com/widget.js"></script><a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a></b:if
Вариант 1 – вставка кода в шаблон
- В панели Blogger выбираем пункт меню «Шаблон» и далее нажимаем кнопку «Изменить HTML».
- Выделяем код шаблона, копируем его и вставляем в текстовый редактор (лучше всего Notepad++, но в крайнем случае попробуйте вставить в обычный блокнот). Выделяйте, копируйте и вставляйте код тем способом, которым Вы обычно это делаете. Я обычно делаю всё это с помощью “горячих клавиш”, но не буду забивать Вам сейчас мозги этим способом.
- Теперь в том редакторе, куда Вы вставили код, щелкаете в любом месте кода шаблона и с помощью горячих клавиш Ctrl+F включаете поиск по коду. (Здесь горячие клавиши – это лучший вариант).
- В открывшемся окошечке поиска (в Google Chrome оно находится в правом верхнем углу, в FireFox – в левом нижнем) вводим <data:post.body/> и щелкаем Enter.
- После строки с найденным текстом вставляем код из п.7.
- Если вышеуказанный текст не нашелся в Вашем шаблоне, ищите </body> и тогда код вставляйте перед этой строкой.
- Теперь проделываем всё в обратном порядке: в текстовом редакторе выделяем и копируем отредактированный код. Идем в шаблон в панели Blogger. В окне шаблона также выделяем тот код, что там есть, и вставляем вместо него скопированный.
- Нажимаем «Просмотреть шаблон».
- Если никаких ошибок не выдало, жмем «Сохранить шаблон».
- После сохранения можно проверить, как встал гаджет похожих сообщений, зайдя на любую статью блога.
Вариант 2 – вставка кода в гаджет
- В панели блоггера выбираете пункт «Дизайн»
- Под рамкой сообщения блога и сайдбаром, на всю ширину блога растянулась рамка, в которой написано «Добавить гаджет». Жмем на эту надпись.
- В открывшемся окошке находим HTML/JavaScript, нажимаем на название или на знак «+».
- В следующем окне в рамку «Название» можете ничего не писать, так как название уже есть в коде (либо написать название здесь, но тогда из кода вставленную строку с названием нужно удалить – это четвертая строка). В рамку «Содержание» вставляете код и сохраняете гаджет.
- Проверяете на блоге установленный гаджет.
Примечание: Гаджет, установленный этим способом, будет показываться не только на страницах сообщений, но и на главной странице, что весьма нехорошо. Поэтому лучше устанавливать гаджет на Blogger первым способом.
Виджет «Похожие сообщения» для WordPress
- То же, что и для Blogger.
- То же, что и для Blogger, только выбираете платформу WordPress.
- На следующей странице Вас попросят скачать плагин linkwithin.zip, установить этот плагин, а затем сделать экспорт всего контента и загрузить его в сервис. Все шаги подробно описаны, так что трудностей это не вызовет.
- Установив и активировав плагин, зайдите в его настройки. Собственно, здесь доступна только одна настройка: поставьте галочку, что «Show LinkWithin only on Single Posts», то есть показывать блок похожих сообщений только на страницах постов и сохраните изменения. Возможно, она у Вас уже стоит, тогда здесь ничего делать не нужно.
- Проверить блог. Единственно, они предупреждают, что плагин полноценно начнет работать после того, как они закончат обход Вашего блога.
Если на Вашем блоге статей пока нет, то блок похожих сообщений не появится.
Бывает, что картинки в гаджете не появляются, а только названия статей. Это означает, что в большинстве из выбранных сервисом для показа статей нет картинок (обычно выбирается для показа миниатюра самой первой картинки в статье).
У виджета «Похожие сообщения» от Linkwithin есть только один недостаток: он берет для показа то изображение, которое было установлено первым. Если Вы его поменяли, либо установили там, где картинки не было совсем, в блоке будет показываться старая картинка, либо никакой, если ее не было. Наверно, переустановка плагина и новая загрузка контента исправит данную ситуацию, но я этого не делала.
Итак, сегодня мы установили виджет «Похожие сообщения» от Linkwithin.
В следующий раз я расскажу о другом подобном плагине для WordPress, который использую на этом блоге.
Итоги конкурса комментаторов за март 2014 года:
Первое место с 13-ю комментариями занял Виталий Калинин. После уточнения адреса электронной почты ему будет выслана ссылка на скачивание полезной книги или видеокурса по выбору.
А в качестве развлечения предлагаю Вам посмотреть видеоролик о кошке, играющей в наперстки:
Комментарии
Очень полезная информация! Спасибо. Безусловно, виджет “Похожие сообщения” от Linkwithin задержит посетителя на ресурсе дольше, а это необходимо каждому вебмастеру.
Спасибо! Пять сайтов открывала на похожей теме. Разобралась как вставить только с вашим, благодаря подробным картинкам.
Очень приятно! Рада, что смогла помочь!
Да, Нина, умеешь ты всё разложить по полочкам, и объяснить так подробно и доходчиво, что понятно даже “чайнику”. Это как пособие, с пошаговым описанием, сделал шаг первый, затем второй, смотришь, всё настроилось как нужно! Спасибо, за полезную информацию, давно нужно установить такие картинки на блог, а то у меня выводятся только ссылки на похожие статьи, а это не так интересно.
Здравствуйте. Подскажите пожалуйста, как настроить похожие статьи от LinkWithin показывались только внутри статьи, но не отображались на каждой странице? У Вас в блоге именно так.
Оксана, честно говоря, вообще не поняла Ваш вопрос. Как у меня на блоге – это как? А как Вам надо? Что Вы имеете в виду под страницами?
Если посмотреть в вашем блоге главную страницу, то видны только краткие обзоры статей, дальше нужно провалиться внутрь статьи и уде там, в конце статьи будет этот виджет. Посмотрите www. easy-going.ru. Виджет выполз на главную страницу, сразу в анонс, что тормозит загрузки главной страницы. Потом еще он отображается внутри статьи.
Теперь поняла. Я посмотрела, что у Вас блог на Blogger, а я с ним давно не работала, поэтому упустила эту важную деталь. Я немного подкорректировала статью, думаю, что если сделаете так, то гаджета на главной не будет.
Нина, это опять я)). Я не нашла в шаблоне . Попробовала вставить через гаджет, код рабочий, но все равно выползает на главную страницу. Можно использовать какую-то другую строку, вместо ?
Оксана, благодаря Вам, статья дополнилась еще чуть-чуть. Я дописала еще один текст, перед которым можно вставить код гаджета. Этот-то точно во всех шаблонах должен быть.
А через гаджет – да, получается и на главной тоже.
Кстати, у меня есть блог для блоггеровцев. Он для начинающих, но может быть что-то найдете полезного: http://nwa-uspech.blogspot.com/
Нина, к сожалению body я тоже не нашла. Не пойму в чем дело. В настройках выбираю Шаблон–Изменить ХТМЛ.
Я писала про код data:post.body, но почему-то он не отображается в сообщении.
Оксана, дополнила пост еще немного. Надеюсь, что не запутаю Вас этим дополнением. Но, к сожалению, в новой версии Blogger, в окне шаблона код показывается в свернутом виде, поэтому там искать нет смысла. Нужно этот код копировать в текстовый редактор и тогда он разворачивается. Извините, что столько Вам пришлось возиться с этим только из-за того, что я про это забыла.
Еще раз извините, думаю, что теперь все получится, только проделывайте всё очень внимательно.
Ура!!! Все получилось. Я не стала копировать шаблон в блокнот, просто развернула все строчки. После того как вставила код похожих сообщений блоггер заругался. Я так поняла, что код был не закрыт и добавила значок > в конце шаблона. У Вас это 8 строчка. Все настроилось именно так как я хотела! Спасибо большое за помощь, Нина.
Я где-то прочитала, что LinkWithin перегоняет трафик на свой сайт. Что-нибудь знаете об этом?
Думаю, что это полная ерунда! Каким образом он это может делать? С помощью перенаправления? Но если Вы нажмете на любую картинку или название, то попадете однозначно туда, куда хотели, а не на LinkWithin. Возможно, он хранит у себя превьюшки (я не нашла их на блоге), ну и пусть, больше места на сервере останется.
Нина, я продолжаю облагораживать свой блог и у меня появился еще один вопрос))). Возможно у вас есть статья на эту тему или просто подскажете, что я делаю не так. Выше Вы дали ссылку на блог для новичков, он на блоггере. Я обратила внимание, что когда я прокручиваю сообщения на главной странице до конца и нажимаю на “предыдущее”, то на Вашем блоге ранее созданные сообщения показываются красиво (превью с картинкой), а у меня высвечиваются просто названия сообщений.
Оксана, скорее всего, это Ваш шаблон таков. Но, в принципе, а зачем Вам там что-то другое. Люди редко заходят на блог на главную страницу, в основном, они заходят на конкретную статью, а тут Вы им покажете несколько похожих статей с превьюшками, и пусть заходят на любую.
Интересный функционал виджет «Похожие сообщения» от LinkWithin, и главное что поэтапно распино
Нина, помогите мне, пожалуйста. Я все сделала, как описано, блогер ошибок не выдает, но и виджет этот в конце постов не появляется((.
Кроме того, в шаблоне блога текст встречается не один раз, а несколько. Нужно после каждого вставлять?
Надеюсь на Вашу помощь.
Все, спасибо, проблема решена. Оказывается, в моем случае нужно было вставлять после .))
Большое спасибо за подробную инструкцию, понятную даже таким чайникам, как я!
Отлично, Марина, что все получилось. Поздравляю!
Нина, прошу совета. Подскажите, пожалуйста, как сделать так, чтобы в “похожих сообщениях” не показывались картинки , ведущие на несуществующие страницы. Просто я удалила некоторые старые страницы, а картинки продолжают показываться и ведут на удалённую страницу… Может быть, подскажете, что делать или где почитать?
Раиса, это недостаток LinkWithin: он использует информацию, которую запомнил при публикации статьи. Какие бы изменения после этого не происходили со статьей, LinkWithin их “не видит”. Я попыталась найти архив, который он использует, но мне это не удалось. Поэтому в вордпрессовских сайтах я заменила этот плагин на другой, а на блогспоте приходится мириться с таким недостатком, либо искать другую возможность для вывода похожих сообщений.
Спасибо, Нина! Эх, жаль. Я так надеялась. Я где-то встречала информацию, как чистить блог от ссылок, ведущих в никуда. Чистила свой. Но от этой проблемы не помогло…
Да, от этой не поможет. Попробую поискать, может, найду что-то подобное для блогспота, вместо LinkWithin
Спасибо очень полезно! Позже поставлю у себя тоже, еще поищу, что можно поставить себе на блог)
Поставьте лучше этот: /plagin-related-posts-thumbnails.html
У меня блог на блоггер, поэтому плагин мне не пойдет(
Я установил себе из сайта Engageya! Мне он больше нравится и еще там статистика есть, сколько раз нажимали.
Отлично!