Как сейчас правильно сделать виджет Фейсбука?

Добрый всем день!

Кто может подсказать как сейчас правильно сделать виджет Фейсбука?

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

Вот мне дали ссылки на стать в самом Фейсбуке по поводу смены правил размещения виджетов:

1 https://developers.facebook.com/docs/plugins/page-plugin

2 https://developers.facebook.com/docs/plugins/like-box-for-pages

Так вот вытекающий из этого вопрос: Как правильно сделать страницу в Фейсбуке и как её правильно настроить в самом Фейсбуке, чтобы она выгладила так сказать правильно?

Быть может уже кто то делал?

6 ответов

  • 1
    Эрик Webasyst 13 июля 2015 01:41 #

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

  • 1
    АР 13 июля 2015 08:38 #

    Добрый день! Спасибо за ваш ответ. Правда я не понимаю какая взаимосвязь между статьёй которую вы мне предложили <o:p></o:p>

    "Как создать интернет-магазин в Facebook с помощью Shop-Script" <o:p></o:p>

    и Настройкой виджета Фейсбука на сайте.<o:p></o:p>

    В общем я хочу чтобы виджет Фейсбука выгладил примерно так же как в Контакте.<o:p></o:p>

    Вот ссылка на мой сайт http://kuramba.ru/<o:p></o:p>

    Там перед подвалом стоят виджеты в Контакте и Фейсбуке.<o:p></o:p>

    Если кого не затруднит посмотрите пожалуйста. <o:p></o:p>

    Но а если затруднит прилагаю скрин


    • +1
      Эрик Эрик Webasyst 13 июля 2015 08:50 #

      Так стало понятнее. В статье, которую вы упомянули в вопросе, есть возможность настроить виджет Фейсбука максимально похожим на виджет ВКонтакте. Вот изображение

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

      • +1
        Пьер Фошар Пьер Фошар 3 ноября 2015 05:10 #

        Добрый день! У меня не выходит настроить виджет, так как я ввожу URl код своей странички, а мне выползает сообщение, что ошибка, такого адресса не существует. Что это может быть, поясните и проясните, пожалуйста, ситуацию. Благодарю)

  • 1
    АР 13 июля 2015 17:13 #

    Да это мне тоже всё понятно. Я просто никак не могу найти в настройках приложения на фейсбуке где именно находятся эти настройки которые надо изменить. Вот в этом вопрос? Если бы вы мне это подсказали. Ну не вижу я там такого. Может подскажите? Скрин, или последовательность действий нахождения пути пропишите?


    • +1
      Эрик Эрик Webasyst 16 июля 2015 01:46 #

      Код вы можете сгенерировать на той же странице. Просто замените значение в поле Facebook Page URL на https://www.facebook.com/kuramba.ru, измените остальные настройки и скопируйте полученный код виджета, нажав кнопку Get code.

  • 1
    АР 16 июля 2015 15:59 #

    Да конечно я это сделал до того как задал этот вопрос! Код я уже сгенерировал и подставил своё значение https://www.facebook.com/kuramba.ru . Но вот с остальными настройками я не пойму.Мой виджет, выглядит немного не так во всяком случае по моему мнению. Вот здесь в подвале http://kuramba.ru/

    • +1
      Эрик Эрик Webasyst 18 июля 2015 01:35 #

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

  • 1
    POTBEJIJIEPP 1 октября 2015 14:30 #

    Делаю все как описано выше, но после вставки кода виджет не отображается, а отображается просто ссылка на страничку. Что не так?

    • +1

      Виталий, на сколько я понял, вы вставляете только вторую часть кода.
      Первую тоже нужно вставить. В файл index.html сразу после тега <body>

      В index.html вставить:

      {literal}
      <div id="fb-root"></div>
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.4";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
      {/literal}

      В sidebar.common.html вставить:

      <div class="fb-page" data-href="https://www.facebook.com/AutoMusicShop" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/AutoMusicShop"><a href="https://www.facebook.com/AutoMusicShop">Интернет-магазин "Auto Music Shop"</a></blockquote></div></div>
      • +1
        Ara Ara 9 июня 2017 18:05 #

        не могу найти sidebar.common.html - в шаблоне Дефолт 3.0
        его создать нужно или она немного по другому называется?
        или второй код может тоже в index.thml добавить?

  • 1
    POTBEJIJIEPP 1 октября 2015 14:57 #

    Вы совершенно правы...Про первую часть кода совсем забыл! Спасибо за толчек в правильную сторону!

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите