Добавляем кнопку Фейсбук на сайт. Логотип в векторе и PNG

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

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

• Переходим по адресу https://developers.facebook.com/docs/plugins/like-button
• Добавление кнопочки начинается с заполнения окна «URL to Like». Можно вписать URL, а можно оставить эту графу незаполненной. Оставим ее пустой.
  

  URL to Like

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

  Выбираем «Button»

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

  Ставим галочку

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

  Указываем ширину

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

  Выбираем Recommend

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

  Нажимаем на кнопку

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

  Выбираем XFBML

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

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

Кнопка «Поделиться» от Facebook должна быть на любом приличном сайте. Ведь этот сайт — самая популярная социальная сеть в мире, поэтому нужно отдать ей должное. Facebook button предоставляет людям возможность делиться с друзьями понравившейся информацией, а это очень выгодно для владельца сайта, ведь множество людей увидит информацию с его страницы. Вот почему кнопка Фейсбук для сайта настолько важна. И большинство владельцев сайтов сегодня интересуются, как ее установить.

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

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

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

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

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

• Скачать лого Facebook в векторе

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

• Скачать лого Фейсбука в размере 300px
• Скачать значок Фэсбук в размере 600px
• Скачать значок Фейсбук в размере 2000px

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

http://allfacebook.com.ua/news/podborka-besplatnyx-ikonok-facebook-dlya-dizajnerov-i-bloggerov/

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

На сайте https://www.facebookbrand.com/ вы найдете официальную подборку графических материалов данной социальной сети.

Cross domain messaging helper

Обговорим еще один момент. Возможно, вам потребуется для Facebook cross domain. Это файл, позволяющий осуществляться загрузке информации между доменами. Скачать для facebook «cross domain messaging helper» можно отсюда:

• Скачать crossdomain.xml в архиве