Как установить кнопку Facebook в блог на WordPress.


Кнопка "Мне нравится" от Facebook - хороший способ привлечь новых читателей для блога.

Важность продвижения блога в различных социальных медиа сейчас как никогда высока. В социальных сетях собирается огромное количество людей. Особенно в facebook, считающийся самой популярной социальной сетью в мире. Все эти люди общаются друг с другом, деляться информацией различного рода. А так как людям свойственно делиться, то делятся они и сайтами и блогами и просто различными интернет-страничками, найденными в сети. Этим мы и воспользуемся.

Не стоит забывать о том, что Ваш блог должен быть интересным, а то установка кнопки facebook "мне нравится" ни к какому положительному результату не приведет.  Устанавливать кнопку на блог мы будем по одной главной причине - чтобы посетители могли поделиться страничкой одним нажатием кнопки. Лень - очень важный параметр и в обычной ситуации мало кто из посетителей станет утруждать себя лишними действиями. Совсем другое дело, когда для этого надо всего-то разок кликнуть.

Вы также можете почитать про социальные кнопки и кнопку retweet.

Установка кнопки "мне нравится" от facebook.

Все действия займут максимум пару минут. Для начала заходим сюда. Эта страничка, на которой создается внешний вид кнопки.

Создание внешнего вида кнопки "мне нравится" от FaceBook

Значение полей:

"URL to Like" - Это адрес страницы, его оставляем пустым.

"Layout Style" - Стиль оформления. Можно выбрать один из трех вариантов: standart - обычная кнопка, button_count - кнопка + счетчик голосов, третий вариант - как и предыдущий, только счетчик голосов под кнопкой.

"Show Faces" - Показывать аватаров или нет.

"Width" - Ширина кнопки.

"Verb to display" - Выбор надписи на кнопке между Like (нравится) и Recommend (рекомендовать).

"Font" - Можно выбрать шрифт, хотя выбор не ахти.

"Color Scheme" - Цветовая схема. На выбор - темная или светлая.

Все изменения в настройках можно сразу увидеть на примере кнопки справа. После завершения настроек жмем на "Get Code".

Код кнопки "поделиться" от facebook

Далее копируем код в верхнем окошке.

Перед вставкой кода в шаблон WordPress необходимо изменить в коде отрывок:

http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike

Вместо него вставьте такой текст:

<?php the_permalink()?>

Код кнопки был изменен и поэтому теперь ничего в нем менять не нужно.

 

Как перевести кнопку facebook на русский и сделать вместо Like - Мне нравится.

Для этого в код кнопки, который выглядит примерно так:

<iframe src="http://www.facebook.com/plugins/like.php?href&amp.......

необходимо вставить кусок кода (для наглядности использую разные цвета):

locale=ru_RU& сразу после like.php?

В результате получится следующий вид кода:

<iframe src="http://www.facebook.com/plugins/like.php?locale=ru_RU&href&amp......

***

Последнее действие - это вставка кода в шаблон. Для этого нужно открыть файл single.php на редактирование. Есть два варианта вставки кода в зависимости от места его отображения в статье.

1. Если хотите чтобы кнопка появилась в конце статьи, то вставьте полученный код после строчки:

<?php the_content('Читать полностью &raquo;'); ?>

2. Чтобы кнопка появилась в начале, там где на этом блоге отображается кнопка твиттера, то код необходимо вставить перед той же самой строчкой:

<?php the_content('Читать полностью &raquo;'); ?>

А чтобы кнопка отображалась красиво используйте такое добавление:

<div style="float:right; margin-left:5px;">Код кнопки facebook</div>

Теперь все должно работать.

  • http://uspehpro.com Татьяна Ткаченко

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

  • Наталья

    Спасибо, все поняла, кроме где находиться файл single.php?
    В панели управления блогом?

    • Artem

      Файл single.php лежит на сервере в папке wp-content/themes/Ваша тема(шаблон)/single.php.
      Отредактировать его можно двумая способами:
      1. Например, с помощью текстового редактора PSPad или Notepad++, предварительно скачав файл себе на компьютер (Для этого можно воспользоваться любым ftp-менеджером). Закончив с изменениями, нужно будет заменить файл single.php на сервере на измененный (Также воспользовавшись ftp-менеджером).
      2. Отредактировать прямо из панели управления блогом. Для этого заходите в меню "Внешний вид", далее "Редактор". Справа в списке находите нужный файл и выбираете его для редактирования. После внесения изменений не забываем сохранить, нажав на "Обновить файл".

  • http://storage.od.ua Алексей Слободянюк

    Спасибо ;) все очень ясно

  • http://vk4you.ru/ Вячеслав

    php the_permalink
    Зачем менять?

    • http://alumn.ru/ Артем

      Вячеслав: Могу предложить для эксперимента ничего не менять и посмотреть как будет работать. А так, если память не подводит, этот код нужен чтобы адрес открытой страницы запоминался, а не какой-то иной. Но могу и ошибаться, все таки я не использую facebook в таком виде. Один раз все установил и настроил - написал статью и все удалил.

    • Аноним

      Код кнопки немного изменился, поэтому теперь ничего менять больше не нужно.

  • Андрей

    Очень доходчиво и понятно, спасибо!

  • макс

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

    • Аноним

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

      • макс

        спасибо за ответ!)
        У меня еще вопрос к Вам: 1. несмотря на то, что я при получении кода настраивал кнопку like со счетчиком, получилось "подобається", как и у Вас, кстати. Как с этим быть?

        И еще, самый глупый, наверное, вопрос, просто я ваще чайник во всех этих вещах: 2. когда я или другой посетитель кликает на эту кнопку под статьей, в фэйсбуке в ленте моих друзей появляется ссылка на статью и подпись, что такой-то like эту статью? И если это делаю я, то мне не видно, соответственно, этого сообщения? или же что-то пошло не так?

        • Аноним

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

  • Vassa2107

    а у меня кнопка в мозиле отображается 2 раза, вторая со смещением. Никто не сталкивался?

Путешествуем и зарабатываем!
Смотри! Присоединяйся!