Добрый день всем, кто на wmbn.ru! Сегодня речь пойдет социальных сетях, точнее об одном замечательном сервисе, который есть в каждом блоге. Кнопка «Мне нравится» — один из методов привлечения трафика на сайт. Такую функцию предоставляют все социальные сети, но использовать лучше те, которые вы сами посещаете.

Лучше код или плагин?

Мой пример — ВКонтакте, Faceebok, Twitter, Google+ и Mail. Поэтому в конце каждого поста можно встретить блок «Буду очень благодарен, если поделитесь статьей в:». Кнопка «Мне нравится», «Твитнуть» и другие можно получить в социальных сетях, которые генерируются специальной формой.

Кнопка Мне нравится — лучше WP плагин или код?

Когда я создал свой блог, то сразу же искал как получить кнопки социальных сетей. Поиски мои остановились на плагине Re Sociable. Он удобный в настройке и плюс в дополнении к нему есть социальные закладки, которые очень пригодились. Выбор большой — от Facebook до БобрДобр. Публикация в них много времени не занимала, но советую использовать сервисы публикации. Радость моя продлилась не долго. Разослал я адрес друзьям по ICQ и спросил их мнения.

Многим не понравился тот самый плагин, который показывал панельку с кнопками от социальных сетей и закладок. Первое, что они заметили — размер кнопок. Они невзрачны и желания нажать не вызывало, а некоторые вообще не поняли, что это за панель. Лишь объяснив они высказали свое мнение . Куда удобнее для них видеть привычные Кнопка «Мне нравится» от социальных сетей, в основном ВКонтакте.

Как получить кнопку Мне нравится от социальной сети ВКонтакте и Facebook — настройка виджета

Ошибка ясна и требуется ее исправить. Начнем с того, что такой плагин следует удалить. Пусть он удобный и простой в настройке и установки, но по отзывам я могу сказать — в нем много лишнего, особенно иконок. После удаления плагина требуются исходники кнопок. Получить и установить их можно в любой социальной сети. Начнем с ВКонтакте:
1) Переходим на сайт ВКонтакте;
2) Заполняем необходимые поля и жмем Сохранить;
3) Выбираем интересующий вариант кнопки и название для нее;
Получится такой вариант:

Вариант кнопки "Мне нравиться от ВКонтакте

5) Поле код для вставки копируем ту часть, которая начинается после <!— Put this script tag to the <head> of your page —> и заканчивается до <!— Put this div tag to the place, where the Like block will be —> в файл header.php до закрывающего тега </head>;
6) Код, после <!— Put this div tag to the place, where the Like block will be —> следует скопировать туда, где вы хотите видеть виджет «Мне нравится». На моем блоге он расположен сразу после <?php obwp_google_468_ads_show(); ?> </div> в файле single.php.

Для Facebook:
1) Заходим на Facebook;
2) Настраиваем виджет — URL оставляем пустым, Send button убираем, Width (ширина) настраиваем под ваш блог, Show faces (показывать фотографии) это по вашему желанию, Color Scheme (цветовая схема) выбираем светлый или темный, Font (шрифт) я оставил как есть;

Мои настройки для виджета «Мне нравится»:

Настройка для виджета от Facebook

3) Получаем коде (Get Code) и копируем все, что в поле 1 сразу после <body> файла header.php, поле 2 копируем как сказано в пункте 6 для ВКонтакте.

Обе кнопки «Мне нравится» установлены. Настройка была довольна проста и установка не вызывает особых затруднений. Результат вы можете увидеть ниже поста.

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

Мой рабочий стол :)

Мой рабочий стол

Комментариев: 24

  1. Orcinus Orca

    Почти все плагины работают через изменение DOM конкретной страницы. Это дополнительная отрисовка, дополнительные затраты браузера на отработку скриптов. Дополнительная дырка которую ты предоставляешь социальным сервисам, а точнее хаккерам, которые ломают эти социалки чуть-ли не ежедневно. Напрягают меня эти сервисы… хотя они сильно улучшают свойства сайта, как социального ресурса.

  2. Виталий

    Число социальных сетей стремительно растет и все больше и больше надо размещать кнопок. Но мне кажется, что все таки лучше работать с 3-4 самыми популярными сетями, такими как твиттер, фейсбук. вконтакте и гугл+. Все равно на все не хватит времени.

  3. writer

    Orcinus Orca Насчет уязвимости да. Соглашусь с тобой. Но тогда вообще следует отказаться от них, а потом от сайта, так как и его могут взломать! Тут как в WinNT server — все или ничего. Преимущество в том, что нет такой нагрузки на сервер, как у плагина Sociable RE который плюсом невзрачный, да и много лишних иконок в нем. А социалки улучшают вид и коммуникабельность сайта + немного трафика, что тоже полезно)))

  4. writer

    Виталий Конечно можно пользоваться только популярными сервисами. Но я взял те, которыми сам пользуюсь. Пусть из них есть и малозначимые, в отличии от контакта, такие как маил и одноклассники, но все же и от них можно пользу извлеч)))

  5. writer

    Андрей Попробуй, твоему блогу как раз этого не хватает. И немного русифицировать бы его ;)

  6. Orcinus Orca

    writer, по поводу уязвимости, я имел в виду, что лучше юзать один скрипт с одного сервиса. Но когда начинаешь их юзать с разных площадок, то на медленных каналах сайт грузится плохо. Приходится оптимизировать размещение подгрузчиков или юзать более сложные скрипты с пост-загрузкой. Я сейчас на своём сайте экспериментирую с подгрузкой. Комментарии гружу именно таким образом, чтобы оценить время загрузки и нагрузки на сервер… Но когда сервисов много, то сказывается даже время ресолвинга имени сервера.

  7. writer

    Orcinus Orca Кстати по по поводу комментариев на твоем блоге, уж очень долго они грузятся. С моим 512 кбит/ сек, да что там, те же 8 мбит/сек грузятся долго, когда их там даже по 2 шт. Лучше их сразу грузить вместе с сайтом. А ждать врятли кто любит))

  8. writer

    Orcinus Orca Давно пора бы, да вот никак руки не доходили, или вообще забывал. Спасибо, сейчас зарегаю ;)

  9. Orcinus Orca

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

  10. Orcinus Orca

    writer, постепенно проявляются плюсы. Так как информация статична и не меняется, то страница уходит в архив Гугла и у неё появляется высокий PR. Так как комменты генерируются одним скриптом, он всегда находится в оперативе и уменьшает нагрузку на интерпретатор. Во время прохода пауком поисковой машины не перезапрашиваются данные из БД, что сильно уменьшило нагрузку на БД и на интерпретатор сервера.

  11. writer

    Orcinus Orca Если скрипт остается в ОЗУ, то остается меньше памяти на выполнение других скриптов…Есть такой вариант, что скрипт может постепенно больше загружать ОЗУ, или это лишь догадки?

  12. Orcinus Orca

    writer, немного не верно. У меня 1 скрипт который работает с ДБ и записями там. А в других страничках его нет. Если бы я выводил записи по старинке то КАЖДАЯ страничка с постом имела бы в себе по этому же скрипту. Т.е. к каждой страничке пришлось бы плюсовать сколько-то килобайт. А так в памяти крутится всего один экземпляр скомпилированного скрипта (на самом деле он интерпретируется, а предварительно создаётся байт-код). Так что каждая последующая страничка занимает в памяти меньше ровно на размер уже загруженного скрипта. По такому-же принципу экономии памяти работают DLL в винде.

  13. writer

    Orcinus Orca Интересный подход. Dll в Windows это действительно хорошая вещь. Ну а как ты сказал, получается, что когда грузиться страница, то идет запрос в бд за записью и прилагающимеся к нему комментариями. Это же похоже на твой скрипт, или я ошибаюсь?

  14. Orcinus Orca

    writer, так как мой сайт часто сканируется поисковыми роботами, то каждое обращение к странице вызывает обращение к БД. А в моём случае, при обращении к странице нет обращений к БД вообще, так как это отдельная страничка, которая не грузится пока к ней не обратишься. А поисковые системы не отрабатывают DOM и JavaScript.

  15. writer

    Orcinus Orca Теперь все понял))) Спасибо;) Почитал вашу статью, заинтересовала. Попробую испытать на локальном сервере ее.

  16. Татьяна

    Здравствуйте. Спасибо за информацию.Кнопку Вконтакте получилось установить. Сейчас фейсбук устанавливаю. У меня вопрос — как измерить ширину?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>