Кнопка Facebook «мне нравится». Устанавливаем новый функционал на блог!
Привет, друзья и читатели моего проекта о продвижении в интернете! Социальные сети очень плотно вошли в нашу жизнь, потому на каждом блоге должны быть кнопки, при помощи которых каждый посетитель сможет при желании поделиться вашим материалом в своём аккаунте.
Если Вы даёте качественный и полезный контент, то информация рескует сама по себе распространяться и создавать некий вирусный эффект, рекламируя вас и ваш блог!
Сегодня мы поставим кнопку Facebook «мне нравится». Потому что Фэйсбук очень популярная сеть, которая в рунете набирает обороты. Как поставить это новшество себе на блог, если Вы ещё этого не сделали?Данная кнопка может выглядеть как «Мне нравится» или «Рекомендую» (английские версии — «Like», «Recommend«). Когда читатель нажимает по ней, информация появляется в новостной ленте друзей этого пользователя и конечно в его ленте.
- Заходите по адресу http://developers.facebook.com/docs/plugins/
- Далее выбираем "Like button".
Делаем настройки в «окне настроек»:
- URL страницы — оставляем пустым, так виджет будет подставлять URL страницы, на которой находится кнопка. То есть, если кнопка находится на всех страницах сайта, то в каждой странице будет генерироваться её ссылка.
- Send — дополнительная — отправка новости друзьям на выбор. Советую убрать.
- Layout Style или Стиль - оформление. Можно выбрать из: Standart, button_count и box_count. Смотрите по месту, которое занимает каждый из вариантов.
- Width или Ширина - стандартная ширина 450. Можете изменять на свою и сразу видеть результат.
- Show Faces — аватары друзей, показывать или нет кто «лайкнул» запись.
- Verb to display — «Мне нравится» или «Рекомендую», выбираем что будет отображаться из надписей.
- Color Scheme или Цветовая схема - выбор светлого или темного фона.
- Font или Шрифт — выбираем шрифт.
После выбора всех подходящих функций нажимаете "Get Code".
Полученные два кода нужно вставить в нужные места файлов, отвечающие за определённые страницы.
Если блог на Вордпресс, то всё просто:
- Выбираем вкладку «HTML5»
- Верхний длинный код из поля: «1. Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.». Нужно вставить сразу после тега <body>. Для этого нужно перейти на хостинг, в папку с блогом по адресу: www.Ваш_блог.ru/wp-content/themes/активная_тема_блога/header.php
- Тут находим тег <body> и после него вставляем первую часть кода.
- Вторую часть кода из поля: «2. Place the code for your plugin wherever you want the plugin to appear on your page.», нужно вставить в то место, где будет отображаться кнопка.
- Заходим в www.Ваш_блог.ru/wp-content/themes/активная_тема_блога/single.php, то есть нужно зайти в файл, отвечающий за вывод статей в блоге и туда вставить вторую часть кода. Если ставить кнопку до или после поста, нужно найти часть, отвечающую за контент и вставить код либо до либо после неё.
Вот часть кода, до и после которой можно вставить код кнопки твитов:
<?php the_content(); ?>
Вообщем пробуйте в разных местах, если не выйдет. Главное, сохраните исходник файла, что бы можно было всё вернуть назад.
| Друзья, пожалуйста твитните эту статью и расскажите знакомым! >> | Твитнуть |
|
|
И еще один блок полезной информации по социальным сетям! Весьма признателен!
[Ответить]
Владимир Дручин Reply:
января 11, 2012 at 13:54
Отлично ))
[Ответить]
Спасибо большое! Давно хотел сделать эту кнопку отдельно. Вот наконец получилось.
[Ответить]
Владимир Дручин Reply:
января 11, 2012 at 17:43
Максим, рад помочь
[Ответить]
С Twitter разобрался сам. А за Facebook спасибо.
(меня и сайт строго не судите, мы ещё только начинаем и учимся)
[Ответить]
Владимир Дручин Reply:
января 11, 2012 at 18:09
Алексей, я никого не сужу
Разве что высказываю иногда пожелания. Дизайн вполне хорош! Давайте классный контент людям 
[Ответить]
Алексей Reply:
января 12, 2012 at 10:41
Как поставить блок кнопок, как у вас в конце в конце поста или другой вариант?
[Ответить]
Владимир Дручин Reply:
января 12, 2012 at 16:45
Алексей, просто внимателнее читайте мой блог, я обо всём пишу. Вот тут инструкция:
[Ответить]
Алексей Reply:
января 12, 2012 at 16:59
спасибо
[Ответить]
Что-то у меня ничего не получилось. Я делал сайт на конструкторе на reg.ru. Сам не программист, скрипты и коды ставлю чисто визуально, как мне удобно, где понравится, в сами файлы не лезу. Может как то попроще можно эту кнопку установить? Ну чтобы просто вставить код или скрипт на странице, не лезть в дебри. Ну и конечно, хотелось бы, чтобы все было на нашем, родном, русском. За раннее благодарю.
[Ответить]
Владимир Дручин Reply:
января 11, 2012 at 20:51
Олег, дождитесь моего бесплатного курса по созданию блога от и до... Сделайте блог на вордпресс и пользуйтесь всеми благами цивилизации так сказать
[Ответить]
Спасибо,Володя,за ценную информацию.
[Ответить]
Владимир Дручин Reply:
января 11, 2012 at 23:26
Валентина, рад помочь!
[Ответить]
И что хорошо с этими кодами: когда надумаешь другие фишки от Фэйсбука установить на сайт, то уже первую часть кода ставить не надо. Только вторую часть берёшь и ставишь, где надо. Например, при установке блока комментариев, блока фан. страницы или опроса. И не надо лишних плагинов добавлять. Очень удобно.
[Ответить]
Владимир Дручин Reply:
января 12, 2012 at 16:33
Ольга, хорошее дополнение!
[Ответить]
Володя, спасибо за статью! Протвитила и проплюсила. Кнопка хорошая, и наверно нужно поставить, но я не совсем понимаю, какая разница между 2 кнопками Мне нравиться от фейсбука и вконтакте по сравнению с кнопками Поделиться, это разве не одно и тоже?
[Ответить]
Владимир Дручин Reply:
января 12, 2012 at 16:53
Ну я вот у себя оставил те две, которые счёл нужным... да и всё
[Ответить]
Ms Lana Vi Reply:
января 12, 2012 at 23:42
Володя, я установила обе кнопки. Только Вконтакте работает, а Фейсбук нет.
Посмотрела на Ваши, тоже не могу понять, Вконтаке сразу засчитывает, а Фейбук никак не реагирует: кнопка не изменяется и мой голос на Вашем блоге не учитывается.
Или я неправильно нажимаю?
[Ответить]
Владимир Дручин Reply:
января 13, 2012 at 0:15
Лана, не знаю даже... Другие вроде лайкают и вроде рабботает... Может нужно авторизироваться? Попробуйте
Может выйдет...
[Ответить]
Владимир Дручин Reply:
января 13, 2012 at 0:15
Я вот сам попробовал — сработало... но я был авторизирован на фейсбуке
[Ответить]
Владимир, я часто захожу на ваш сайт и учусь недостаюшим знаниям. Спасибо вам за интересные уроки. Но я сейчас пишу по поводу социальных кнопок. Почему надо вставлять каждую отдельно, когда как раз для вордпресса есть хорошие плагины и там сразу все кнопки, а ты можешь выбрать те , которые хочешь, там и твитер, файсбук, одноклассники и б контакте
[Ответить]
Владимир Дручин Reply:
января 13, 2012 at 2:42
Если заметите у меня внизу есть и все целиком. Но они работают куда хуже. Плюс размещают каждую туда, куда хочу. Ну и плагины грузят блог больше. Меньше плагинов — лучше для блога
[Ответить]
Спасибо за полезную информацию! Только у меня есть один вопрос: Когда кликаешь на вашу кнопку «Мне нравиться» (facebook), то на моей стене на facebook появляется название вашей статьи и картинка (смайлик) слева. Вот как вставить свою картинку слева возле своей статьи когда кликают на мою кнопку «Мне нравиться» на моем сайте?
[Ответить]
Владимир Дручин Reply:
января 16, 2012 at 21:33
Пожалуйста
. Честно говоря не проверял... Надо будет посмотреть.
[Ответить]
Madina Reply:
января 16, 2012 at 21:54
А вы знаете как удалить такую картинку? Просто у меня почему-то у любой моей статьи автоматически появляется рядом картинка «Вконтакте», хотя статьи вовсе не про «Вконтакте». Выглядит глупо, хотелось бы ее удалить или заменить.
[Ответить]
Владимир Дручин Reply:
января 16, 2012 at 22:12
Нужно проверять, пока таким вопросом не задавался
[Ответить]
Здравствуйте Владимир!Не знал у кого спросить решил у вас!у меня два дня не работает твитер!Это всемирная проблема или моя?
Скачал ваши уроки сижу изучаю!Мой поклон,начало отличное!
[Ответить]
Владимир Дручин Reply:
января 19, 2012 at 15:24
Может Вас забанили? Вы не накручивали твиттер?
Денис, рад что Вы их дождались наконец
Я же обещал отличный пошаговый материал, теперь можете применять 
.
[Ответить]
Смотрю уроки и сразу пробую использовать! Ну я твитал свои ссылки в микроблоги разных людей!))Но хотябы было написано что бан! а это робот стоит и сверху надпись , что произошла ошибка и мол спасибо что сообщили и так два дня!а у вас всё работает?
[Ответить]
Владимир Дручин Reply:
января 19, 2012 at 16:13
Да всё в норме. Честно говоря не знаю что у Вас случилось с аккаунтом.
[Ответить]
Влад, привет!
Поставил кнопку к себе на блог, только есть одна неприятность — она стоит не там, где мне надо. 
Несколько раз переставлял код в различные места — она только вверх-вниз ездит. Да сам увидишь, если зайдешь ко мне на блог. А хочется видеть ее с правой стороны под заголовком. Что можешь порекомендовать? Может, в самом коде кнопки что-то менять надо?
[Ответить]
А у меня кнопки ездят и прыгают! Вверху публикации вообще не могу поставить. Если на странице есть две кнопки ВКонтакте (причем одна может быть в коде страницы, а другая в коде виджетов), то они обязательно будут стоять рядом...
И еще вопрос — буквально с сегодняшнего дня у меня в открытых публикациях стали активными названия (то есть на них можно кликать)... Что я такого намудрил уже?
[Ответить]
Владимир Дручин Reply:
марта 11, 2012 at 19:59
Ну нужно пробовать в коде их заключать в таблицы, например, или различными тегами их разграничивать. Не помешает учебник по HTML посмотреть
По поводу намудрили... Не знаю
Это Вы должны знать. Если ссылка активна, попробуйте опять таки зайти в код темы и убрать ссылку, то есть убрать атрибуты ссылки. Если я вообще правильно понял о чём Вы.
[Ответить]
Спасибо, а я думал как же их получают
[Ответить]