Vvmebel.com

Новости с мира ПК
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как сделать поделиться в фейсбук

4 способа создать кнопку «Поделиться» (Facebook Share)

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

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

Если вы вставите эту ссылку в адресную строку браузера или нажмёте на этот текст, то сможете поделиться страницей данной статьи:)

Таким образом, вам надо только вставить свой URL в данный код и, если вы владеете CSS и HTML, для вас не составит труда оформить картинку для кнопки «Поделиться» и сделать её ссылкой. Дальше я покажу 4 примера, которыми вы можете воспользоваться по принципу скопировал/вставил и которые откроют для вас дополнительные возможности кнопки Facebook Share.

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

Этот способ можно считать самым правильным, поскольку он взят из официальной документации разработчиков Facebook. Официальный код кнопки «Поделиться» такой:

Объяснение кода: используется всего две строчки, первая — это ссылка

вторая строчка — это стандартный скрипт Facebook, его трогать не надо

Значение name=″fb_share″ вместе со скриптом делает из обычной ссылки кнопку «Поделиться». Если вы в коде не указали URL, которым хотите делиться (как в данном примере), то Facebook возьмёт по умолчанию URL той веб-страницы, где установлена кнопка.

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

Минусы этого кода — кнопка на английском, код часто глючит. Плюсы — открывается всплывающее окно (это удобно) и кнопка уже со счётчиком. Причём счётчик кнопки «Поделиться» суммирует не только количество нажатий, но также комментарии и «лайки» под публикацией в Ленте новостей.

Можно ли изменить внешний вид кнопки и сделать её на русском? Да. Для русификации между тегами ссылки достаточно вписать любое русское слово. А для замены внешнего вида в тот же тег ссылки добавляется параметр type . Всего есть 5 стандартных типов кнопки «Поделиться». Ниже коды и живые примеры кнопок всех типов.

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

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

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

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

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

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

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

Демонстрация работы кода: Поделиться в Facebook

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

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

Дальше я покажу самодельные способы создания кнопок «Поделиться» на Javascript и PHP.

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

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

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

В ссылке вам нужно поменять URL после кода
http://www.facebook.com/sharer.php?u=

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

Таким образом, в этом коде кнопки «Поделиться» вам надо заменить только ссылку для «расшаривания» и ссылку на картинку в теге img .

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

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

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

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

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

Способ №4. PHP

Настройка кнопки «Поделиться» заключается не только в изменении картинки кнопки. Также надо контролировать заголовок, миниатюру и описание, которые будут генерироваться этой кнопкой и отображаться в Ленте новостей, чтобы увеличивать конверсию переходов. Эти данные можно контролировать с помощью мета тегов Open Graph Facebook. (Как их установить на сайт читайте в этой статье.) Но если вы хотите настроить заголовок и миниатюру индивидуально для конкретной кнопки «Поделиться», то в этом случае поможет PHP.

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

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

Читать еще:  Как попасть в социальные сети без регистрации

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

Следующий шаг — подключить файл social.php к тому файлу, где будет кнопка «Поделиться» (например, файл index.php ). Для этого в самое начало нужного файла вставьте код:

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

Последний шаг. Добавляем в файл index.php сам код кнопки «Поделиться» с нужными параметрами:

Объяснение кода: функция onClick=”window.open(’…’);” создаёт всплывающее окно, которое содержит необходимую информацию для кнопки «Поделиться» (смотрите скриншот выше). Оставьте этот код без изменений. Единственное, что можете подправить — ширину и высоту окна. Затем обязательно замените ссылку картинки в теге img . Также вместо картинки может быть просто текст.

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

Теперь вы легко сможете сделать такие кнопки «Поделиться» на своих ресурсах, какие захотите. Если знаете ещё способы, поделитесь в комментариях. Спасибо.

Инструкция — как делать репост в Фейсбук

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

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

Что такое репосты и как они делаются

Вы делаете репост, когда на своей личной странице размещаете чужой материал с сохранением авторства его создателя.

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

Задача специалистов по SMM и маркетологов – подготовить такой материал, чтобы он мигом обрел популярность и «распространился» по всей социальной сети Facebook.

Чтобы сделать репост, воспользуйтесь кнопкой «Поделиться». Она располагается рядом с ссылками «Комментарии» и «Нравится». Это полезная и удобная кнопка – всего лишь в один клик она позволяет рассказать своим контактам о том, что вызвало у вас интерес.

Рассмотрим, как сделать репост в Фейсбук, на примере.

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

Также в Facebook есть возможность изменить настройки поста.

Выбор места публикации поста. Есть следующие варианты:

  1. Личное сообщение;
  2. Страница, которая находится под вашим управлением;
  3. Группа, участником которой вы являетесь;
  4. «Хроника» человека из списка ваших контактов (потребуется указать его имя);
  5. Своя личная «Хроника».

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

  1. «Только я»;
  2. «Любой пользователь сети»;
  3. «Друзья друзей»;
  4. «Только друзья».

Персонализация публикации. Возможные варианты:

  1. Добавление местоположения;
  2. Добавление своего комментария;
  3. Также вы можете отметить других пользователей Facebook.

После того как вы совершили все необходимые настройки, просто нажмите на кнопку «Поделиться».

Таким образом, максимальное затраченное время на репост – пара минут. Так вы сможете поделиться с друзьями тем, что вам понравилось и вызвало у вас интерес.
Репост в социальной сети Фейсбук – это быстро, легко и просто.

Как добавить кнопку facebook Поделиться на моем сайте?

У меня есть этот код, который должен работать, но не работает. Если это поможет вам в любом случае, это было бы здорово.

Я хочу добавить кнопку Facebook share на свой сайт, которая должна просто размещать контент моего сайта на стене. кто хочет поделиться.

Я много исследовал, но ничего не получил. Помогите мне в этом.

6 ответов

вам не нужен весь код. Все, что вам нужно, это следующие строки:

вы можете сделать это с помощью асинхронного JavaScript SDK, предоставленного facebook

посмотрите на следующий код

инициализация FB Javascript SDK

Примечание: не забудьте заменить идентификатор приложения на Facebook AppId. Если у вас нет приложения facebook и вы не знаете как создать пожалуйста проверить это

добавить библиотеку JQuery, я бы предпочел Google Библиотека

добавить диалоговое окно «поделиться» (вы можете настроить это диалоговое окно, настроив параметры

теперь, наконец, добавить кнопку изображения

для получения более подробной информации. пожалуйста!—29—>нажмите здесь

вы можете узнать больше о кнопке share здесь разработчики Facebook Сайт

также взгляните на пользовательскую кнопку Facebook Share JSFIDDLE

включить Facebook JavaScript SDK код сразу после открытия tag

и поместите ниже кода, где вы хотите показать Facebook Share кнопка

Поделиться без необходимости входа в Facebook

вы можете запустить диалог общего доступа с помощью FB.функция ui с параметром share method для совместного использования ссылки. Это диалоговое окно доступно в SDKs Facebook для JavaScript, iOS и Android, выполнив полное перенаправление на URL-адрес.

вы можете вызвать этот вызов:

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

обратите внимание на этот ответ.error_message появится только в том случае, если кто-то, использующий ваше приложение, аутентифицировал ваше приложение с помощью входа в Facebook.

Читать еще:  Поиск человека в социальных сетях по фамилии

также вы можете напрямую обмениваться ссылкой с вызовом, имея JavaScript Facebook SDK.

app_id => уникальный идентификатор вашего приложения. (Требовать.)

redirect_uri => URL для перенаправления после того, как человек нажимает кнопку в диалоговом окне. Требуется при использовании URL переадресация.

display => определяет способ отображения диалогового окна.

если вы используете реализацию диалога перенаправления URL, то это будет полный дисплей страницы, показанный внутри Facebook.com — . Этот тип отображения называется page. Если вы используете один из наших SDK iOS или Android для вызова диалога, это автоматически указывается и выбирает соответствующий тип отображения для устройства. Если вы используете Facebook SDK для JavaScript, по умолчанию используется модальный тип iframe для людей, вошедших в приложение, или async при использовании в игре Facebook.com, и всплывающее окно для всех остальных. Вы также можете принудительно использовать всплывающие окна или типы страниц при использовании Facebook SDK для JavaScript, если это необходимо. Мобильные веб-приложения всегда будут по умолчанию использовать Тип сенсорного дисплея. параметры доли

  • href => ссылка, прикрепленная к этому сообщению. Необходим при использовании метода. Включить мета-теги open graph на страницу по этому URL настройка общей истории.

для вашего собственного конкретного сервера или другой кнопки pages & image вы можете использовать что-то вроде этого (только PHP)

Я не могу поделиться фрагментом с этим, но вы получите идею.

для Facebook share с изображением без API и с помощью # для глубокой ссылки на подстраницу трюк состоял в том, чтобы поделиться изображением как picture=

Как вставить ссылку на Facebook и поделиться ею с друзьями?

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

Способ первый. «Волшебная» кнопка

Руководство социальной сети постоянно работает над расширением сфер влияния и сотрудничеством с другими Интернет-ресурсами. Осознав необходимость пользователей делиться интересной информацией со своими друзьями на Facebook, разработчики принялись создавать удобный инструмент, позволяющий осуществлять это за несколько секунд. В итоге появилась кнопка «Мне нравится», которая стала появляться сначала на крупных новостных порталах, а затем и вовсе распространилась по Интернету. Теперь чтобы ссылка на страницу появилась в новом посте на вашей стене (на стене группы/страницы и т.д.), нужно просто кликнуть известную всем кнопку «Мне нравится» (она же «Рекомендую» или «Like»).

Появится новое окно, в котором можно отредактировать параметры публикации, а также добавить собственный комментарий. Когда запись будет готова, нажмите «Опубликовать».

Пост со ссылкой на новость будет сразу же опубликован.

Способ второй. Ручной ввод

Наверное, самый простой сделать ссылку на сторонний источник – просто ввести адрес страницы в пост перед публикацией. Для этого нужно сначала скопировать URL-адрес страницы, на которой расположена интересная информация. Сделать это можно, выделив адрес в адресной строке браузера, нажав правую кнопку мыши и выбрав пункт «Копировать» (либо воспользовавшись клавишами ctrl + C).

Затем нужно перейти на свою страницу в Фейсбук. В окне новой публикации кликаем правой кнопкой, выбираем «Вставить» (либо используем комбинацию ctrl + V), а затем нажимаем «Опубликовать».

Теперь новость с комментарием появится на стене страницы.

Способ третий. Виджетовый

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

Для начала вам нужно ввести в строку браузера следующий адрес: https://www.facebook.com/sharer/sharer.php.

В строке «Enter a URL to Share» введите адрес страницы, которая будет использована в качестве гиперссылки в вашем новом посте, а затем нажмите «Поделиться».

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

Таким образом, вставить ссылку в новый пост может абсолютно каждый пользователь Фейсбука. Главное – найти наиболее удобный именно для вас способ поделиться информацией со стороннего ресурса и как можно чаще радовать друзей интересными находками.

Как сделать репост в фейсбук?

Инструменты соцсетей позволяют быстро опубликовать материалы, размещенный другими пользователями, в своей ленте («фиде»). Картинки, видео, статистика, заметки, приглашения на события – все можно «репостнуть» себе в ленту, чтоб поставить в известность своих подписчиков и друзей. Функция «поделиться» создает новую публикацию, у которой отсутствуют «лайки» и комментарии оригинала, и поднимает ее вверх новостных лент друзей. Если комментарии важны, существуют иные способы обратить внимание на публикацию.

Читать еще:  Одноклассники социальная сеть вход на мою страницу

Репост без потери комментариев и «лайков»

Сначала выберите интересующий материал. Если считаете, что его необходимо «поднять» в ленте вместе с комментариями и «лайками» под ним, просто оставьте собственный комментарий. Это можно сделать под любой картинкой, видео и текстом.

Способ поможет, когда нужно обратить внимание на старый материал, созданный вами или другом. Отмотайте ленту вниз, найдите материал и поставьте «лайк» или прокомментируйте. Этот способ – не вполне настоящий «репост», но лишь он позволяет сохранить все собранные под оригиналом комментарии и «лайки».

Движок соцсети работает так, что после оставленного свежего комментария публикация поднимется в топ новостных лент сделавшего комментарий и его друзей (подписчиков). Способ годится для привлечения дополнительного внимания к материалу, который важен для вас и может остаться незамеченным в потоках новостных лент. «Лайк» публикации работает менее эффективно – публикация может и не попасть в ленты друзей.

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

Делимся понравившимся материалом

Хотите опубликовать материал заново? Это можно сделать с любым постом, оставленным вами на личной страничке. Единственные посты, недоступные для «репоста» — публикации в «секретных» группах. Используя «поделиться» вы не сохраните оригинальные комментарии. Оставьте новые или пусть это сделают друзья.

Нашли пост? Жмите «Share» («поделиться») сразу под ним, сверху ленты комментариев. Появится окно, где выбирается место размещения публикации. Это можно сделать в личной ленте, на страничке друга, в любой из доступных групп или приватном сообщении.

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

Перед публикацией стоит добавить собственное сообщение, описывающее содержимое поста. Оно появится сверху, а повторно публикуемый материал – под ним. В сообщении можно отметить своих друзей, поставив перед их именами в тексте «@».

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

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

После выбора необходимых параметров остается повторно нажать «поделиться». Пост будет опубликован.

Важно: обратите внимание на доступность исходного поста другим пользователям. Видимость «репоста» будет зависеть именно от них. Если пользователь поставил в настройках «для друзей», то видеть публикацию могут лишь его друзья. Если опубликовать такой материал в собственной ленте, видеть его также смогут только друзья владельца, не более.

Знаете как сделать репост в «Фейсбуке»? Есть нюанс.

Метод одинаково работает при входе в соцсеть через браузер или мобильный клиент. Единственная проблема – настройки конфиденциальности оригинального материала.

Как репостить материал с ограниченными настройками конфиденциальности

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

Простой способ, подходящий для текстовых материалов – скопировать текст и вставить в собственный новый пост. Если хотите сослаться на автора, можно просто дописать его имя в конце или отметить его в публикации. Если вы желаете поделиться фото или видео, метод «копипаста» не подойдет. Что делать?

Универсальный способ, подходящий для текстов и картинок, позволяющий сохранить описание поста или комментарии – публикация скриншота публикации. Способ требует некоторых навыков работы с картинками (надо уметь их обрезать).

Откройте понравившийся материал в браузере и нажмите «PrtSCr» (справа в верхнем ряду клавиатуры). Все изображение на экране, включая заголовки и строку состояния, окажется в буфере обмена. Откройте графический редактор (например Paint), вставьте из буфера картинку. Полученное изображение можно сохранить и опубликовать на ФБ. Перед публикацией желательно обрезать все лишнее в любой программе, позволяющей это. Можно использовать бесплатный ImageViewer от FastStone.

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

Хороший способ поделиться закрытой картинкой без ссылки на «владельца» — сохранить и опубликовать на «Фейсбуке». Публикация сохраненной чужой картинки ничем не отличается от работы с собственными изображениями.

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

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

Опубликовано сервисом SMMRus 18.03.2016 года

Ссылка на основную публикацию
Adblock
detector