Fb-customerchat не отображается для MVC 5 - PullRequest
Новая
       60

Fb-customerchat не отображается для MVC 5

0 голосов
/ 05 августа 2020

edit - Просто найдите все сообщения с помощью 'fb-customerchat' и даже попробуйте их коды с моим идентификатором приложения, почему-то ничего из этого не работает

Я пытался добавить чат с клиентами Facebook на веб-сайт.

Это ссылка , по которой я следил до сих пор, это способы ссылка , которые я до сих пор пробовали, но ничего не работает.

Коды ниже - это место в самом верху окна просмотра после значения по умолчанию @ {ViewBag.Title = "About"; }

Сгенерированные по умолчанию коды были удалены

Файл console.log запущен и 'fb-messengermessageus' может работать, но 'fb -customerchat не показывает '

Я тестировал в Google Chrome с включенным и выключенным Adblock, Firefox с включенной и выключенной защитой для локального хоста, Microsoft Edge. Я использую ngrok для публикации c localhost, я создал 2 приложения FB Dev Test, одно из которых помещает localhost: port в качестве URL-адреса моего сайта, другое со ссылкой, созданной ngrok, страница facebook 'Whitelisted Domains' также вводится с та же ссылка, сгенерированная ngrok, но пока ничего не работает. 

<script>
    window.fbAsyncInit = function () {
        FB.init({
            appId: 'app-id',
            autoLogAppEvents: true,
            xfbml: true,
            version: 'v7.0'
        });

        // Fire an event when the FB library asynchronously is loaded
        $("#fb-root").trigger("facebook:init");

        // Additional initialization code here
        FB.CustomerChat.show(shouldShowDialog = true);
        FB.CustomerChat.showDialog();

    };

    (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#xfbml=1&version=v7.0";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));

</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>

<!-- Your Chat Plugin code -->
<div class="fb-customerchat"
     page_id="page-id"
     theme_color="#459645"
     logged_in_greeting="Hi! How can we help you?"
     logged_out_greeting="GoodBye!... Hope to see you soon."
     minimized="false">
</div>

<div class="fb-messengermessageus"
     messenger_app_id="messenger-app-id"
     page_id="page-id"
     color="white"
     size="large">
</div>

<script>
    $(document).ready(function () {
        $("#fb-root").bind("facebook:init", function () {
            console.log("The event is fired FB SDK object is ready to be used.");
        });
    });
</script>

1 Ответ

0 голосов
/ 05 августа 2020

«Fb-customerchat» сейчас работает, «Fb-customerchat» может показывать, только если сайт активен. Чат не будет отображаться, даже если локальный хост перенаправлен ngrok.

...