Плагин чата для клиентов Facebook Messenger не появляется, если вы не вошли в систему

Question

Плагин чата для клиентов Facebook Messenger не появляется, если вы не вошли в систему

Я интегрировал плагин для клиентов Facebook на одном из наших сайтов. Я следовал инструкциям в документации для разработчиков. Он работает нормально, когда есть активная сессия Facebook. Тем не менее, плагин не появляется вообще, когда нет активного сеанса FB. Я мог что-то упустить, но я понятия не имею, что это такое. Спасибо за вашу помощь:)

12

facebook-messenger facebook-customer-chat

Источник

user9177413 05 янв '18 в 12:27

12 ответов

Другие вопросы по тегам facebook-messenger facebook-customer-chat

user1330370 20 дек '18 в 21:23 2018-12-20 21:23 · Answer 1 · 2018-12-20 21:23

Решением для меня было добавление #xfbml=1&version=v2.12&autoLogAppEvents=1 после файла xfbml.customerchat.js, например:

js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12&autoLogAppEvents=1';

29

Источник

user1330370 20 дек '18 в 21:23

user10721322 29 ноя '18 в 08:22 2018-11-29 08:22 · Answer 2 · 2018-11-29 08:22

Я решил свою проблему с помощью этого скрипта:

<div class="fb-customerchat"
 page_id="<ENTER-YOUR-FACEBOOK-ID-HERE>"
 minimized="true">
</div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'facebook-developer-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.11'
    });
  };
(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 = "https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

<!-- Your customer chat code -->
<div class="fb-customerchat"
  attribution=setup_tool
  page_id="your-page-id"
  theme_color="#BE59B9">
</div>

user1846993 26 дек '18 в 11:24 2018-12-26 11:24 · Answer 3 · 2018-12-26 11:24

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

1

Источник

user1846993 26 дек '18 в 11:24

user1681903 14 май '18 в 09:26 2018-05-14 09:26 · Answer 4 · 2018-05-14 09:26

Сейчас май 2018 г., инструкция в Страница -> Настройки -> Платформа Messenger -> Плагин чата для клиентов гораздо понятнее.

Плюс проверка страновых ограничений

1

Источник

user1681903 14 май '18 в 09:26

user3569935 19 дек '18 в 01:03 2018-12-19 01:03 · Answer 5 · 2018-12-19 01:03

Я только добавил этот код в код чата клиента, указанный в настройках страницы:

    window.fbAsyncInit = function() {
    FB.init({
      appId            : '1175565702494581', // Trokis Philippines App ID; you may use your App ID but this App ID might work on you too.
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.11'
    });
  };

Оригинальный код:

    <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 = "https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

<!-- Your customer chat code -->
<div class="fb-customerchat"
  attribution=setup_tool
  page_id="{your-page-id}"
  theme_color="#BE59B9">
</div>

Окончательный код:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : '1175565702494581',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.11'
    });
  };
(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 = "https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

<!-- Your customer chat code -->
<div class="fb-customerchat"
  attribution=setup_tool
  page_id="{your-page-id}"
  theme_color="#BE59B9">
</div>

user11642827 26 июн '21 в 08:14 2021-06-26 08:14 · Answer 6 · 2021-06-26 08:14

Моя была связана с тем, что моя «видимость страницы» была установлена на «страница не опубликована». Итак, я решил проблему, изменив "видимость страницы" на "страница опубликована".

настройка страницы-> Общие-> видимость страницы

0

Источник

user11642827 26 июн '21 в 08:14

user2027573 06 фев '19 в 07:15 2019-02-06 07:15 · Answer 7 · 2019-02-06 07:15

С 8 января 2019 года Facebook запретил пользователям запрашивать плагин чата для клиентов по следующему URL-адресу: https://connect.facebook.net/en_US/sdk.js.

Теперь требуется использование https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js как js.src аргумент вместо https://connect.facebook.net/en_US/sdk/sdk.js, Если вы воспользуетесь последним, плагин Chat Chat вскоре перестанет загружаться на ваш сайт.

Если Javascript SDK Facebook уже включен в ваш веб-сайт, все, что вам нужно сделать, это установить js.src равным https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js как показано в коде фрагмент ниже.

(function (d, s, id) {var js, fjs = d.getElementsByTagName (s) [0]; if (d.getElementById (id)) возврат; js = d.createElement (s); js.id = id; js.src = " https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js"; fjs.parentNode.insertBefore (js, fjs);} (документ, 'скрипт', 'facebook-jssdk "));

Источник: https://www.chatbotino.com/2019/02/06/facebook-customer-chat-plugin-not-working-try-this/

user7804980 14 май '20 в 12:30 2020-05-14 12:30 · Answer 8 · 2020-05-14 12:30

Если вы используете смелый и, вероятно, отлаживаете сайт с включенным кодом плагина для обмена сообщениями. Скорее всего, вы найдете полезными настройки Блокировать межсайтовые трекеры, которые будут отключены, Блокировать сценарии, чтобы отключить, Файлы cookie, чтобы разрешить все файлы cookie, и, наконец, Отпечаток пальца, чтобы разрешить все отпечатки пальцев.

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

user8716705 23 янв '21 в 18:28 2021-01-23 18:28 · Answer 9 · 2021-01-23 18:28

Если вы используете Angular Framework, вы должны знать, что вам нужно добавить свой код на страницу index.html, а не в приложение или компонент. Это решило мою проблему.

0

Источник

user8716705 23 янв '21 в 18:28

user1716574 29 ноя '18 в 20:56 2018-11-29 20:56 · Answer 10 · 2018-11-29 20:56

Сначала я попробовал с кодом, сгенерированным мастером плагинов чата для клиентов Facebook - не повезло. Чтобы это работало, мне пришлось добавить FB.init раздел, предоставляющий действительного разработчика appId:

  <script>
    window.fbAsyncInit = function() {
        FB.init({
            appId            : 'YOUR-APP-ID-HERE',
            autoLogAppEvents : true,
            xfbml            : true,
            version          : 'v2.11'
        });
    };
    (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 = 'https://connect.facebook.net/pl_PL/sdk/xfbml.customerchat.js';
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your customer chat code -->
  <div class="fb-customerchat"
    attribution=setup_tool
    page_id="YOUR-PAGE-ID-HERE"
    theme_color="#ed1d24"
    logged_in_greeting="Hello, how can we help you?">
  </div>

Вы можете найти более подробную информацию о плагине чата на Facebook здесь

user3564943 12 авг '19 в 12:47 2019-08-12 12:47 · Answer 11 · 2019-08-12 12:47

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

0

Источник

user3564943 12 авг '19 в 12:47

user9177413 08 янв '18 в 02:56 2018-01-08 02:56 · Answer 12 · 2018-01-08 02:56

Нашел решение. Если кто-то сталкивается с этим, пожалуйста, проверьте страновые ограничения вашей страницы Facebook (Настройки-> Общие-> Страновые ограничения). Он должен быть доступен везде, чтобы плагин рендерился, даже если нет активного сеанса

-1

Источник

user9177413 08 янв '18 в 02:56