Вставляем кнопку нравится от Facebook. «Мне нравится» в Facebook не равносильно согласию

Кнопка 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. В рунете она, конечно, отстаёт по популярности, по сравнению с такими родными «контактом» и «одноклассниками». Но она имеет место быть, и её популярность в России с каждым годом только растёт.

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

Если вы решили обзавестись кнопкой фейсбука зайдите на официальный сайт фейсбук, перейдите в раздел под названием «Разработчикам» (находится в подвале сайта), далее выберите социальные плагины, нажмите на синюю кнопку «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 в нужное место. Как видите, внедрить кнопку фейсбука на сайт/блог довольно легко! А для раскрутки сайта в поисковиках они просто необходимы.

В декабре 2016 года Facebook в первый раз отдал кнопке «Подписаться» больше функционала, чем кнопке «Нравится».

Хотя, сама кнопка «Подписаться» на фан-страницах появилась еще 2 года назад , но ранее она почти ни на что не влияла, ее никто не замечал, и она то появлялась, то исчезала.

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

Причина №1. Кнопка «Подписаться» теперь есть на всех фан-страницах в Facebook, она не убирается из настроек и ей присвоен очень важный функционал.

Причина №2. Facebook стал показывать статистику количества подписчиков отдельно. А, как показывает практика, это значит, что Facebook будет отдавать приоритет функции подписок все больше с течением времени.

Возможно даже такое, что кнопка «Нравится» будет полностью убрана, как механизм подписки на Страницу и кнопка с названием «Нравится» останется только под публикациями. А механизм подписки возьмёт на себя полностью кнопка «Подписаться».

Пока что пользователи нажимают в основном на кнопку «Нравится» по привычке, это видно из статистики прироста подписчиков и фанов за один и тот же период.

Причина №3. Теперь пользователи нажимая кнопку «Подписаться» на фан-странице могут получать новости в Ленту, не будучи фаном этой Страницы.

То есть значимость такого явления как «количество фанов» начинается уменьшаться.

Если раньше, пользователи становились и фанами Страницы, и получали от нее новости после нажатия всего одной кнопки: «Нравится», то сейчас эти функции разделены.

Сделаем эксперимент №1. Зайдите на Страницу fb.com/Love.is.comic и нажмите кнопку «Нравится».

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

А теперь нажмите «Больше не нравится». После этого нажмите кнопку «Подписаться».

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

Сделаем эксперимент №2. Зайдите на Страницу fb.com/comic.fotos . В начале нажмите кнопку «Нравится» (кнопка Подписаться нажмется автоматически и ее название изменится на «Подписки»), а затем наведите мышку на кнопку «Подписки» и отпишитесь.

Вы увидите, что вы остались числиться фаном этой Страницы (это будет по-прежнему отображаться в вашем профиле), но отписались от ее новостей.

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

Вывод? Получение подписчиков уже более приоритетная задача, чем получение фанов.

К сожалению, сейчас Facebook не показывает администраторам, сколько фанов являются подписчиками, а сколько просто «статисты». Есть только одна метрика на данный момент, которая помогает оценить количество читателей — это Охват.

Приведу пример.
У вас есть 2 Страницы по 100 000 фанов каждая.

Но на одной 100 000 фанов-подписчиков.
На другой: 50 000 фанов-подписчиков, 50 000 фанов-«статистов» и 10 000 просто подписчиков.

Получается, что Фейсбук вам покажет, что у вас всего 100 000 фанов и всего 60 000 подписчиков. Но из этих данных не видно, что 50 000 фанов отписались от новостей.

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

Причина №4.

Функции, которые теперь остались у кнопки «Нравится» — это:
— стать фанов-подписчиком Страницы,
— разлайкать Страницу, то есть перестать быть фаном.

Функции, которые теперь появились у кнопки «Подписаться» — это:
— стать подписчиком, то есть получать новости с Ленту,
— отписаться от Страницы, то есть перестать получать новости в Ленту,
— установить новостям этой Страницы приоритет, то есть они будут показываться в Ленте новостей первыми,
— убрать приоритет,
— включить уведомления о новых публикациях Страницы,
— отключить уведомления.

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

Кроме того, вы как администратор фан-страницы начали видеть уведомления со словами «решил подписаться на страницу», что еще раз указывает на то, что Facebook добавляет важности функции подписок:

Поэтому, призыв «подпишитесь на нашу страницу» теперь звучит буквально и на 100% актуально.

Всем привет, друзья! Несколько недель назад я писал, и . Сегодня ми продолжим использовать социальные сети для продвижения сайта. В этом посте я напишу, как устанавливается на сайт кнопка мне нравится вконтакте и кнопка мне нравится 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.
На этом у меня все. Как вам статья?

все разделы 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 лого вы можете найти по адресу