Добавляем кнопку Facebook «Мне нравится. Добавляем виджет «Мне нравится» (Вконтакте) и Facebook Like Button (Фейсбук) на свой блог

Кнопка Facebook «Like» позволяет рассказать про статью в самой популярной социальной сети в мире.

Устанавливаем кнопку «мне нравится» для Facebook

Заходим на сайте Facebook в раздел «Like Button ». Либо вручную, внизу страницы заходим в пункт «Разработчикам », выбираем раздел «Web ». На следующей странице заходим в «Integrate Facebook Into Your Website ». Далее, слева в меню выбираем вкладку «Core Concepts », в ней раздел «Social Plugins ». Заходим в пункт «Like Button ».

Заполняем следующую форму:

Значения:

• URL to Like — адрес страницы, которой будут ставить лайки. Лучше оставить пустой, в таком случае автоматически будет подставлен адрес страницы, на которой находится кнопка
• Send Button — дополнительная кнопка, которая позволяет отправить статью друзьям. Лично я убрал ее
• Layout Style — позволяет выбрать стиль кнопки. Попробуйте поменять, пример кнопки сменится автоматически
• Width — ширина кнопки. Однако, сколько я не менял, кнопка оставалась прежней
• Show Faces — если включить, то будут показаны аватарки тех, кто нажал кнопку
• Font — позволяет выбрать шрифт надписи на кнопке
• Color Scheme — выбор между светлым и темным оформлением. По мне, темное вообще не смотрится
• Verb to display — выбираем надпись на кнопке:»Мне нравится» или «Я рекомендую»

После заполнения всех полей нажимаем на кнопку «Get Code». Появляется окно с кодом. Первую часть вставляем в шаблон после открывающегося тега body:

Default

//

// if (d . getElementById (id ) ) return ; js = d . createElement (s ) ; js . id = id ; js . src = "//connect.facebook.net/ru_RU/all.js#xfbml=1" ;

Я пишу эту заметку во время посещения Антверпена, Бельгия, в рамках «Встреч по социальному бизнесе», которые я провожу в этот раз вместе с обменом опытом по интеграционному маркетингу. Пока я здесь, у меня появилась возможность провести время с несколькими бельгийскими журналистами.

Одна из примечательных бесед состоялась с Эриком Вердонком из «Паб», местного журнала, освещающего рекламную индустрию. Три темы, которые мы затрагивали, являются не только своевременными, но показательными для проблем, которые стоят перед маркетологами и стратегами во всем мире.

Социальный бренд - это не социальный бизнес. Пожалуйста, поясните оба понятия и различия между ними.

Дорога от социального бренда к социальному бизнесу начинается с признания различия между ними. Социальный бренд вовлечён в социальные медиа с главным акцентом на маркетинг.

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

Социальный бизнес в действительности - слияние технологической философии и поддерживающих её процессов и работы. Я люблю говорить, что социальный бизнес - это не то, что вы «делаете», а то, чем вы становитесь.

Какое основное отличие между кнопками «Мне нравится» в Facebook и другими стимулами для прямых откликов?

Кнопка «Мне нравится» в Facebook часто путается с «Согласен» среди маркетологов. Слишком часто люди, которые нажимают на кнопку «Мне нравится», считаются привлечённым сообществом, где люди согласились на продажи и вовлечение.

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

И, как оборот речи, «Мне нравится» - это форма социальной валюты, и её стоимость идёт вверх или вниз с каждым вовлечением.

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

Традиционные стимулы для отклика - обмены, которые внедрены в то, что я называю как A.R.T. of Engagement (искусство вовлечения)… Действия, реакции и сделки (Actions, Reactions, Transactions). «Мне нравится» олицетворяет потенциальный охват. Но компании не могут допускать или додумывать удовлетворённость этими цифрами, так как те отражают людей охваченных, а не тех, которые могли бы быть охвачены.

Конкурсы, кампании, хитрые уловки, хотя и эффективны при стрельбе короткими очередями, не являются ни надёжными, ни указывающими на естественное вовлечение.

Facebook олицетворяет огромную возможность для проектирования и управления потребительским опытом.

Будь то для маркетинга, службы поддержки, продаж, сотворчества или совместной вовлеченности, Facebook - это социальный центр, где различные потребности, ожидания и роли потребителей могут быть встречены полностью вовлечённым социальным бизнесом, а не только социальным брендом или социальным маркетинговыми инициативами.

Как бы Вы оценивали отдачу от социальных кампаний? На что должны обращать внимание маркетологи?

Часть проблем с оценкой социальных медиа состоит в том, что системы оценок, используемые для определения успеха, показывают только активность, а не прогресс или изменение. Например, многие компании придают значение «Мне нравится», ретвитам, комментариям и области влияния.

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

Я думаю о Эврипиде… «Плохой конец следует за плохим началом». Или, говоря иначе, успешный итог следует за успешным началом.

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

В конце концов, мы не должны забывать, как социальные медиа связаны с бизнес-целями. Мы должны сначала понять, где мы есть и где мы должны быть.

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

Кроме того, скомпонованные сырые данные требуют более глубокого рассмотрения, чтобы демонстрировать движение к бизнес-целям и приоритетам.

Сюда могут включаться:

• рост/узнаваемость бренда;
• важность бренда;
• пропаганда;
• продажи/ рекомендации;
• поддержка бренда известными личностями;
• изменение мнения/ восприятия;
• руководящая идея;
• запрос;
• тенденции;
• аудитория/ сообщество;
• поведение;
• влияние.

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

Зачем нужны «Лайки»?

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

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

Несколько иную функцию носит like в случае его использования на Страницах. Поставив отметку «Нравится» на Странице, вы автоматически становитесь ее подписчиком. А это, в свою очередь, значит, что в вашей Ленте Новостей будут отображаться новые публикации паблика.

Использование «лайков» на внешних ресурсах

В строке «URL to Like» необходимо указать полный адрес страницы сайта, на которой впоследствии и будет размещена кнопка. Поле «Width» предназначено для указания ширины «лайка» в пикселях. Здесь все индивидуально – подбирать нужно под дизайн конкретной страницы. Далее следует опция «Layout», с помощью которой вы можете определить, как будет выглядеть кнопка. На текущий момент доступно четыре варианта: standard, box_count, button_count, button. Заключительной настройкой плагина является поле «Action Type». Вы можете выбрать либо надпись «Нравится», либо надпись «Рекомендовать».

Конечно, установка плагина – задача, требующая определенных навыков у разработчиков. Однако зная основы работы с кодированием, вы с легкостью все сделаете. Более того, при желании вы сможете воспользоваться и другими плагинами Фейсбука, например, кнопкой «Подписаться», возможностью комментирования для посетителей и многое-многое другое.

Установлю-ка я кнопку Like от Facebook. Я этот месяц поглощен написанием материалов о редактировании своего шаблона на блог, да и самой работой над ним. Когда я дошел к файлу, выводящего полные тексты постов, задумался о целесообразности использования некоторых плагинов, виджеты которых отображаются на этих страницах. Вот под каждой статьёй у меня выводится маленькая кнопочка “Мне нравится”, для чего она нужна, я писал уже давно, когда освещал свою работу с Facebook.

Казалось бы ерунда, установи плагин WordPress, настрой кнопку “Like” и спи спокойно, но не тут то было.

Получить код кнопки Мне нравится от Facebook.

Чтобы установить кнопку Мне нравится на страницы моего блога нужно получить код этой кнопки. За ним иду по адресу – http://developers.facebook.com/docs/reference/plugins/like/ .

Настройка самой кнопки выполняется с помощью довольно длинной панели, плохо что все на ней написано по английски, буду разбираться с ней по частям.

Как видите, левее на странице размещена сама панель настройки, а правее – видно как будет отображаться сама кнопка Мне нравится. Выполняя изменения – я сразу же вижу, как именно они будут влиять на окончательный вид ее.

В выделил поле, куда должен ввести адрес страницы, он будет отображаться у читателей, которым понравился материал. Я думаю, что разумнее сделать так, чтобы ссылка там стояла на ту страницу, которая понравилась. Это реализуется с помощью прописывания такого кода:

& lt; ?php the_permalink () ? & gt;

Вместо этого кода, я могу внести адрес главной страницы блога, карты блога, страницы автора блога, или адрес любой другой страницы моего блога. Но я выбираю первый вариант, для моего проекта это лучшее решение.

Send Batton – отвечает за вывод второй кнопки, после мне нравится, Send.

Layout Style – игра стилей 3 стилей, выбираю, каким образом будет отражаться кнопка

Width - ширина кнопки, сделаю не очень большой.

Прохожу ниже но настройках устанавливаемой кнопки Мне нравится.

Show faces – эта опция способна пригрузить мой блог, особенно когда много людей нажмут на кнопу Мне нравится и все их аватарки с их аккунтов facebook будут загружаться при открытии моего страницы моего блога. Я не буду использовать эту опцию.

verb to displey – ничего особенного, обеспечивает вывод слова рекомендую вместо Мне нравится.

Цветовая схема – в зависимости от фона шаблона, который установлен на блоге, я могу выбрать светлый или темный фон кнопки. Ребята с Фейсбук могли расширить возможность установки цвета.

Шрифт – каким шрифтом будет написано слово Like.

После тяжелого выбора среди множества опций настройки кнопки Мне нравится от Facebook, я могу получить её код. Оказывается, сервис выдает 2 отдельных кода в таком вот окошке.

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

Но перед вставкой кода в файл шаблона, нужно отредактировать его немного, для чего в нем нахожу вот ту часть, что мной выделена жирным:

href&send=true& layout

заменяю его на код, который опять выделил жирным

Href=& layout=

Установить кнопку Мне нравится на свой блог.

После редактирования кода, я должен выбрать место, где желаю видеть кнопку. Здесь существует одно ограничение. Я могу установить ее только после вывода контента, тоесть текста поста. Так как я думаю обеспечить вывод этой кнопки в файле single.php, я ищу код:

& lt; ?php the_content ("" ) ; ?& gt;

Теперь в любой последующей строке я могу вставить полученные коды от сервиса Facebook. Но и здесь я должен быть осторожен, так как могу своей вставкой нарушить оформление блога.

Итого, кнопка мне нравится установлена на каждой странице с заметками, она активна, к тому же все написано на русском языке, и ничем не отличается от той кнопки “Like”, вывод которой обеспечивается одноименным плагином. Заметил, что кнопка для меня активна, потому взял грех на духу, задумал проверить, как же она работает – нажал на ней.

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

Подвожу итог, я добавил кнопку мне нравится от Facebook. Я вывел в одном месте на моем блоге, вы можете ее выводить в Sidebare, главное при установке в ее кода в файл шаблона выполнить простое условие, о котором я писал выше. Исходя из него, я не могу выводить кнопку вверху текста поста, но это для меня не критично. Потому разобравшись с Facebookом иду дальше, потихоньку редактируя свой шаблон для блога, интересно, что получится в итоге.

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

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

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

Добавить сайт в соц. сеть вконтакте;

Настроить внешний вид кнопки;

Скопировать код и вставить на свой сайт.

После вставки второй части кода, вы должны увидеть на своем сайте кнопку от вконтакте «мне нравится». Если возникли какие-то проблемы, то пишите в комментариях, постараюсь помочь:smile:.

Как установить кнопку «Мне нравится» от Facebook

Для начала перейдите вод сюда . Если вы не авторизованы, то сделайте это. Теперь на этой страницы нам нужно сначала заполнить некоторые поля. Хотя они на английском языке, но ничего страшного, разберемся:smile:.

• URL to Like – . Оставляем это поле пустим, поскольку ми хотим установить кнопку на все страницы;
• Height – высота. Можно ничего не ставить, по умолчанию высота кнопки нормальная;
• Layout – здесь нам нужно указать внешний вид кнопки. Я выбрал последний вариант button_count, на мой взгляд, он самый лучший. Можете попробовать выбрать другой вариант и посмотреть, как он выглядит. Если box_count или standard вам нравится больше, то, пожалуйста, ставьте тот, который нравится.
• Show Friends" Faces – показывать . Я убрал галочку, поскольку не хочу показывать аватари.
• Width – ширина. Я ничего не ставил, если ширина кнопки вас не устраивает, то можете ее указать.
• Color Scheme – цветовая схема. Оставил по умолчанию light (светлый).
• Action Type. Если выбрать like, то надпись на кнопке будет «нравится». А если recommend, то «я рекомендую». Я выбрал первый вариант like (нравится).
• Include Send Button — Включить кнопку «Отправить». Мне она не нужна, поэтому я галочку убрал.

После заполнения всех полей у меня получилось вод так:


Теперь нажмите на кнопку «Get code» для того, чтобы получить код.


Первою часть кода вам нужно разместить в файл footer.php перед тегом . А вторую часть в то место, где вы хотите видеть кнопку «Мне нравится» от Facebook на своем сайте. Можете разместить после кода кнопки «Мне нравится» от Вконтакте в файл single.php.
На этом у меня все. Как вам статья?