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

1. Необходимо настроить в аккаунте paypal для того чтобы в магазине отмечалось что деньги прошли и заказ оплачен, а так же посылалось уведомление покупателю об этом. 2. Необходимо настроить виджет Facebook, чтобы он отображался на сайте правильным...

Добрый всем день! Кто может подсказать как сейчас правильно сделать виджет Фейсбука? Раньше было, также как и в Контакте теперь, после 23 июня всё поменялось. И теперь виджет в Фейсбуке надо оформлять как страницу, т.е. в настройках сайта...

Подскажите, пожалуйста, как сделать чтобы на главной странице отображался виджет группы ВК вместо страницы Facebook?тема дизайна дефолт 2.0

Подскажите почему при установке виджета фейсбук на моем сайте вместо него отображается надпись - Ошибка: недействительный URL-адрес Страницы Facebook.

Добрый день! Установил тему. В шаблоне home сделал сброс настроек. Теперь не пойму, как поменять главную страницу. Есть какая нибудь документация?

Есть решение

Напишите пожалуйста, что я делаю не так. Захожу в фейсбук. Копирую черный фон.Вставляю вместо Вашего виджета, сохраняю и...вообще нет фейсбука на страничке. Помогите пожалуйста.

Попробуйте использовать стандартный код виджета (function(d, s, id) { var js, fjs = d.getElementsByTagName(s); if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=167596066655267"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "facebook-jssdk")); shop}{if (class_exists("shopWidgetsPlugin"))}{shopWidgetsPlugin::display(26599)}{/if}{/if} берется на странице товара и вставляется на другой сайт на страницу этого же товара....

Есть решение

SEO оптимизатор (извините за маты), посоветовал в теме блоки со ссылками на соц. сети вынести в отдельный блок и грузить через Ajax.Подскажите как это проще сделать в реалиях Webasyst. В статической странице я бы вызвал...

Не исключено, что это уже не работает:) Можно попробовать посмотреть как GoogleBot.Сталкивался со случаями, когда блок подгружённый аяксом, отображался.Статичные шаблоны напрямую не будут отображаться.Самый простой, наверное, способ: через "Файлы" в приложении "Сайт" залить social.html и грузить его так как вы написали $("#load_social").load("{$wa_url}wa-data/public/site/social.html")

Проверка приложений.

В очередной раз пишу по поводу неадекватности проверки. Искренне надеясь, что хоть какие то мои слова заставят задуматься.В инструкции рекомендуется указывать с проверкой наличия приложения https://www.shop-script.ru/help/3819/calling-other... Чтобы в...

(Последнее обновление: 08.07.2016)

Всем, привет! Дамы и господа, если у вас в социальной сети Facebook для своего бренда (сайта) и у вас набралось пару сотен или может даже несколько тысяч поклонников, то пора уже рассказать об этом всему миру. И не только, похвастаться, но и собрать ещё тысчёнку, другую пользователей которым нравится ваш сайт. А за одно, пускай продвигают вашу страницу в Facebook путём нажатия заветной кнопки "Нравится".

Для того, чтобы ваши посетители видели насколько популярна ваша страница сайта и смогли отметить ваш бренд в соцсети FB, как понравившеюся, надо на боковую панель блога вывесить популярный виджет Facebook Like Box . Facebook Like Box будет показывать лица и их количество, кому естественно нравится ваш сайт - бренд на Facebook:

Добавить такой виджет Facebook Like Box на сайт WordPress можно с помощью плагина и без .

Плагин Facebook Like Box

Установить данный можно стандартным способом, введя название Facebook Like Box в поиск по плагинам в админке сайта. После его активации, в WordPress добавляется новый виджет с одноименным названием:

Новый виджет Facebook Like Box

Далее, после добавления виджета в сайдбар блога его нужно немного настроить. Обязательно вписать ID вашей странице на FB, у многих Facebook Like Box не работает , так как, не правильно указана название страницы. Вот например, мой адрес URL страницы:

https://www.facebook.com/ zagulyaevsv

https://www.facebook.com/ wordpressmaniya

Берём последнее, что после косой черты - это и есть название страницы. В бесплатной версии вы можете указать количество фоток пользователей для показа в коробке; ширину и высоту виджета, а также, ввести нужный язык, то есть русский. Добавив вот так: ru_RU

Настройка виджета Facebook Like Box

Да, чуть не забыл, можно вставлять коробку Facebook Like Box в текст сообщения или на страницу сайта. У вас в визуальном редакторе сообщений WP появится новая кнопка Add like box. Вот с помощью её вставляется Facebook Like Box в сообщение. Пишите, пишите статью и в нужном месте тыц на кнопку, появится окошко, где вы также, как и в виджете (скриншот выше) можете указать нужные данные.

Facebook Like Box в сообщение

Друзья, существуют ещё похожие плагины для вордпресс, с помощью которых вы можете вывести виджет Facebook Like Box на боковой панели блога или в своём сообщение, вам достаточно ввести в поиск по плагинам слово Facebook Like Box и выбирайте на свой вкус. 7-8 обновлённых плагинов точно найдёте. Хотя, все они одинаковые и представленного здесь, будет достаточно. Ладно, едем дальше.

Виджет Facebook Like Box для любого сайта без плагина

Если не хотите устанавливать ещё один плагин на сайт, то можно воспользоваться универсальным кодом. Данный код подойдёт для любого сайта, вам не надо заходить на Facebook за кодом для виджета, мучится, нервы свои тратить. Потому, что у многих не получается воспользоваться им и пишут мне помочь, так как, Facebook Like Box не работает . Я естественно, предлагаю свой код и пожалуйста, всё работает отлично. Вот, как то так, друзья.

Класснуть

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

Недавно начал пилить сайт. Сделал адаптивный шаблон, всё было хорошо. Но вот, потребовалось поставить виджеты в сайдбар от ВКонтакте и Facebook. Само собой в первоначальном виде они были не очень, пришлось думать над тем, как сделать их адаптивными.

Уже приготовившись к долгим поискам решения проблемы я просто решил прописать в CSS ширину виджета 100% и выставить ширину auto в самих виджетах. И да, это даже заработало!

А теперь поподробней.

Как сделать адаптивный виджет

Для начала следует отредактировать CSS-файл. Если у вас на сайте оба виджета - вставьте такой код:

#vk_groups, #vk_groups iframe, .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe { width: 100% !important; }

Если только ВКонтакте:

#vk_groups, #vk_groups iframe { width: 100% !important; }

Если только Facebook:

Fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe { width: 100% !important; }

Затем в самом коде виджета у width нужно прописать auto.

Пример кода для ВКонтакте:

VK.Widgets.Group("vk_groups", {mode: 0, width: "auto", height: "250", color1: "FFFFFF", color2: "#19232d", color3: "E54E53"}, тут_id_паблика);

Пример кода для Facebook:

Как сделать адаптивные комментарии ВКонтакте и Facebook

#vk_comments, #vk_comments iframe, .fb-comments, .fb-comments iframe, .fb-comments span, .fb-comments iframe span { width: 100% !important; }

Если только ВКонтакте.

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

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

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

Как поставить виджет группы Facebook на сайт

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

Давайте разберемся, где брать код виджета сообщества Facebook. Для этого необходимо перейти в раздел для разработчиков на страницу плагинов и выбрать необходимый нам плагин — Page Plugin:

Настройка плагина Page Plugin

Facebook Page URL — в этой строке необходимо указать адрес вашего сообщества или группы в фейсбуке.
Width — задаем ширину виджета. В зависимости от места расположения виджета на вашем сайте, этот параметр может быть у всех разный. Я взял 250, так как этот размер хорошо вписывается в сайдбар моего блога.
Height — задаем высоту виджета. Здесь тоже на ваше усмотрение.
Use Small Header — если вы поставите галочку напротив этой настройки, то в таком случае в виджете будет использоваться небольшой заголовок. Решил оставить как есть.
Hide Cover Photo — отметив эту настройку галочкой, из виджета исчезнет обложка вашей группы. Думаю, не стоит ее убирать, с обложкой виджет выглядит более привлекательно.
Show Page Posts — используя эту настройку, в виджете будет отображаться колонка с последними записями из вашего сообщества.
Adapt to plugin container width — адаптация плагина к ширине контейнера. Пробовал убирать и оставлять галочку, изменений в виджете не заметил.
Show Friend’s Faces — оставив галочку напротив этой настройки, в виджете будут отображаться лица ваших подписчиков.

После совершения необходимых настроек, нажмите на кнопку Get Code. Система сформирует вам два кода:

Первый код необходимо вставить сразу после открывающего тега , делается это один раз. Находится данный тег в файле header.php.(«Внешний вид» - «Редактор» - «Заголовок»)

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