Добавить на блог кнопку Like от Facebook

Добрый день уважаемые читатели! Постоянные читатели моего блога уже заметили, что блог поменял свое внешнее оформление. Но кроме этого, на блоге произошло еще ряд изменений, которые нестоль и заметны. Одно из них коснулось популярной кнопки «Мне нравится» от Facebook, которая  показывает кому из моих знакомых из Facebook понравился тот или иной материал у меня на проекте. Добавить кнопку «Мне нравится» на блог можно несколькими способами. А вот какой лучше, давайте разбираться.

Самый простой способ добавление кнопки «Мне нравится» это установка плагина, позволяющего вывести такую кнопку в контенте. Это плагин Like, о котором я уже писала очень подробно.

Казалось бы на первый взгляд все просто, установил , активировал и спи спокойно. Вот только порой мы забываем, что любой плагин начинает тормозить скорость загрузки блога, а это в свою очередь является одним из факторов в поисковой выдаче. Только вот и отказывать от нужных полезняшек тоже не хочется. Как быть? Элементарно — прописываем скрипт, который выполнит аналогичное действие,  в одном из файлов установленной темы.

Чтобы добавить кнопку «Мне нравится» таким способом необходимо для начала сгенерировать скрипт на официальном сайте Facebook, а именно вот здесь http://developers.facebook.com/docs/reference/plugins/like/  На открывшейся странице необходимо произвести ряд настроек.

— Url to Like —  здесь как именно будет отражаться адрес блога у наших читателей, которым понравился материал. Если Вы хотите, что бы отражалась ссылка на определенную статью, то прописываем  <?php the_permalink() ? >, а если отражалась главная страница проекта, то указывается полностью адрес.

— Layout Style —  выбираете как будет отражаться кнопка

-Show faces — это галочка позволяет отражать аватарки читателей, которым понравился материал на Facebook

— Width — ширина кнопки

— Verb to display — здесь можно выбрать что будет отражено на кнопке «Мне нравится » или » Рекомендую»

-Font — шрифт

— Color Scheme — цвет кнопки. Вариантов все два — темный и светлый.

После того как прописали все настройки кликаем по кнопке «Get code» и в появившемся окне копируем первую часть кода.

Теперь осталось только разместить полученный код в файле single.php темы шаблона. Заходим в админку блога и в консоли управления выбираем Внешний вид — Редактирование и на открывшей странице кликаем по пункту single.php.

В открывшемся файле необходимо найти строчку, отвечающую за вывод контента

<?php the_content(»); ?>

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

1
2
3

<iframe style="border: none; overflow: hidden; width: 450px; height: 35px;" src="http://www.facebook.com/plugins/like.php?href=&lt;?php the_permalink()
?&gt;&amp;layout=standard&amp;show_faces
=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=35" width="320" height="240" frameborder="0" scrolling="no"></iframe>

Кнопка не только стала отражаться, но и корректно работать.

Данная кнопка ничем не отличается от кнопки, которая генерируется при использовании плагина, но зато не тормозит блог. Правда требует небольшой внимательности при установки в файле single.php.  Кстати этот код можно прописать и в любом месте сайтбара или же футера, только тогда придется прописывать вместо <?php the_permalink() ?> адрес главной страницы.

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

Всем удачи и до новых встреч на страницах блога»Seo записки отчаянной«

Вам понравилась статья? Расскажите о ней друзьям!