Кнопка 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" ;

все разделы Skype Google+ Twitter Facebook Мой Мир Одноклассники ВКонтакте Добавляем кнопку Фейсбук на сайт. Логотип в векторе и PNG

Учимся создавать и добавлять на сайт кнопку Фейсбук, выбираем ее внешний вид, ориентируясь на оформление сайта и размещаем кнопку на сайте.

Часто у владельцев сайтов возникает необходимость добавить кнопку Facebook на сайт. Кому-то это может показаться сложным, но это только на первый взгляд. В действительности добавить кнопку можно за считанные минуты. И никаких затруднений возникнуть не должно. Давайте рассмотрим, как разместить на сайте кнопку.

Размещаем кнопку

• Переходим по адресу
• Добавление кнопочки начинается с заполнения окна . Можно вписать URL, а можно оставить эту графу незаполненной. Оставим ее пустой.

  

• Переходим к графе Layout . Здесь нам нужно выбрать внешний вид кнопки. Необходимо ориентироваться на оформление сайта, чтобы кнопочка сочеталась с ним. Давайте выберем «Button» . Для этого нажимаем на треугольник в правой части окна и выбираем необходимый вариант.

  

• Создавая кнопку, нельзя забывать о пункте «Show Friend’s Faces» . Если отметить ее галочкой, то, заходя на страницу, вы будете видеть фото людей, находящихся у вас в друзьях, которые нажали на кнопку «Мне нравится» . Давайте поставим галочку.

  

• Теперь нужно определиться, какую ширину будет иметь кнопочка. Учтите, что, если вы поставили галочку напротив «Show Friend’s Faces» , кнопка займет больше места. Указываем ширину facebook png в пикселях.

  

• В графе «Action Type» выбираем то, что будет написано на кнопке. Это может быть надпись «Like» либо «Recommend» . Пусть виджет Фейсбук имеет надпись «Recommend» . Нажимаем на треугольник в правом углу окна и выбираем соответствующий вариант.

  

• Виджет Facebook для сайта почти готов. Теперь кликаем по кнопочке «Get Code» .

  

• Открывается окно с предложенными вариантами: HTML5, XFBML, IFRAME и Адрес . На самом первом этапе создания «facebook widget » мы оставили окно пустым. Поэтому нам требуется сейчас выбрать XFBML . Следует заметить, что кнопка в этом формате имеет значительные преимущества. Например, не способствует некрасивому растяжению страницы, не оставляет много пустых мест. Поэтому рекомендуется выбирать именно такую кнопку. Вы ведь хотите, чтобы ваша страница имела красивый внешний вид. Правильная кнопка поможет вам в этом.

  

• Теперь очень важная деталь. В том случае, если вы использовали при создании блога WordPress , вам необходимо вставить в код следующий элемент: .

Вот и все. Кнопка Facebook для сайта установлена. Теперь люди смогут нажимать на нее, если им понравится страница.

Как вы сегодня поняли, кнопка на сайт создается и ставится легко. С этим справится любой человек. Кнопка «Лайк » на вашем сайте - это очень важная деталь, значение которой нельзя умалять.

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

Иконка логотипа

Иконка Фэйсбук - тоже хорошая вещь, привлекающая внимание. Скачать ее можно где угодно. Сайтов с «facebook icon » в Интернете предостаточно. В качестве примера можно привести . Здесь представлены facebook иконки в огромном количестве. Большие и маленькие, круглые и квадратные, в общем, на любой вкус. Синяя иконка Фейсбук - стильный элемент в оформлении вашего сайта. Можно выбрать какой-нибудь оригинальный вариант. Например, логотип Фэйсбук в виде крышки. Гости вашего сайта наверняка будут удивлены.

Если вам нужен логотип Facebook в векторе , вы можете скачать его тут:

Можно скачать значок Facebook в PNG в разных размерах:

Также найти подборку Facebook лого вы можете найти по адресу

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Кнопку фейсбук установить очень просто - можно установить специальный плагин (в замивисимости от движка, который вы используете), но это может привести к дополнительной нагрузке страниц сайта (а это негативно скажется на самом сайте, кто будет ждать пока страница будет грузится, проще закрыть такой сайт и поискать информацию в другом месте), поэтому лучше вставить код, который даёт официальный сайт фейсбука, он совсем не нагружает страницу короче говоря, приносит только плюсы.

Если вы решили обзавестись кнопкой фейсбука зайдите на официальный сайт фейсбук, перейдите в раздел под названием «Разработчикам» (находится в подвале сайта), далее выберите социальные плагины, нажмите на синюю кнопку «Like, Share & Send», оттуда вы попадёте на страницу и инструкциями и скриптами, ознакомьтесь с информацией. Прокрутите страницу вниз и найдите форму для заполнения, ну и следовательно заполните необходимые поля:

• Url - с этим вопросов не должно возникнуть, сам адрес сайта.
• Send Button - здесь должна стоять галочка.
• Layout Style - настройте внешний вид кнопки.
• Width - ширина самой кнопки.
• Show faces - если хотите, можете выбрать эту опцию и тогда будут отображаться аватарки уже лайкнувших пользователей, все на ваше усмотрение…
• Font - дизайн шрифта.
• Color Scheme - это цветовая схема самой кнопки. Подберите дизайн схожий с дизайном вашего сайта.
• Verb to display - выберите слово, отображающееся на кнопке: like, recommend и т.п — на ваше усмотрение (хотя чаще ставят «Like»).

Отправьте форму. Для этого нужно нажать «Get Code», и затем скопируйте полученный результат на все страницы вашего сайта.

Говоря о вордпресс, нужно будет внедрить код в single.php (так как этот файл выводит посты). На некоторых движках достаточно добавить скрипт в template.php в нужное место. Как видите, внедрить кнопку фейсбука на сайт/блог довольно легко! А для раскрутки сайта в поисковиках они просто необходимы.

Принцип создания этой кнопки простой. Достаточно знать одну строчку кода или точнее знать ссылку:

https://www.facebook.com/sharer.php?u=http://bit.ly/FBshareArticle

Способ №1. На основе документации Facebook

Демонстрация работы этого кода:

Тип «иконка» . В коде прописан URL, которым мы делимся. Это параметр share_url .

Демонстрация работы этого кода:

Тип «кнопка» .

О, да! Работает!

Демонстрация работы кода: О, да! Работает!

Тип «кнопка-счётчик горизонтальная» . Обычно счётчик появляется после трёх «шарингов».

Тип «большая вертикальная кнопка-счётчик».

Делись большой, не будь лапшой

Способ №2. С помощью Javascript

$("#share").popupWindow({ width:550, height:400, centerBrowser:1 });

Объяснение кода : чтобы использовать этот способ, у вас обязательно на сайте или вкладке должна быть подключена библиотека jQuery и скрипт для генерации всплывающего окна (лучше их подключить перед тегом ):

Также в коде ссылки используется идентификатор id=″share″ . Благодаря ему скрипт понимает, что нужно вызвать всплывающее окно. Этот же идентификатор вам надо прописать и в самом скрипте, который содержит параметры ширины, высоты и отцентровки по середине браузера. Эти параметры вы можете менять при необходимости:
width:550,
height:400,
centerBrowser:1

Демонстрация работы кода:

Способ №3. С помощью Javascript

Объяснение кода : в теге ссылки используется функция onClick , её название задаётся произвольно и должно совпадать с названием функции в скрипте. Можете её не трогать. Далее в теге img меняете ссылку на вашу картинку. Единственное, что вам нужно заменить в скрипте, — это ссылка, которой пользователи будут делиться. В данном примере используется ссылка http://bit.ly/FBshareArticle (выделена красным цветом). Остальные параметры (ширина, высота, отступ слева и сверху для всплывающего окна можете менять по желанию). Способ очень простой.

Демонстрация работы кода:

Способ №4. PHP

Для начала создайте на компьютере PHP-файл. Назовите его social.php и вставьте в него такой код:

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

Обратите внимание, что переменная $url — это ссылка уже внутри публикации в Ленте новостей.

В этом примере файлы social.php и index.php находятся в одной папке.

&p=&p=","sharer","toolbar=0,status=0,width=700,height=400");" href="javascript: void(0)">

Демонстрация работы кода: