Поле для комментариев Facebook и Messenger - PullRequest
0 голосов
/ 02 июля 2018

Я пытаюсь добавить Facebook Comment Box, а также Messenger Plugin в моем Angular / Ionic App (PWA).

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

index.html

<!-- Load Facebook SDK for JavaScript -->
<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/en_US/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12&autoLogAppEvents=1';
    fjs.parentNode.insertBefore(js, fjs);

    js = d.createElement(s); js.id = id + '1';
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0&appId=1423348794345669&autoLogAppEvents=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-customerchat"
    attribution="setup_tool"
    page_id="838973246246775"
    greeting_dialog_display="hide"
    logged_in_greeting="Hi! How can we help you?"
    logged_out_greeting="Hi! How can we help you?">
</div>

Messenger только рабочий код @ https://change.grassrootsapp.in/ Комбинированный неработающий код @ https://alpha4.uat.grassrootsapp.in/

chat.html

<ion-content id="event-chat-content" *ngIf="cEvent">
    <div id="fb-root"></div>
    <div class="fb-comments" [attr.data-href]="cEvent.shortURL" data-numposts="10"></div>
</ion-content>

chat.ts (из https://blog.f5.works/using-facebook-comment-plugin-in-angular-2/)

ionViewDidEnter() {

    // https://samkirkiles.svbtle.com/angular-4-facebook-login-integration
    let wind                =   <any>window;
    if (wind.FB) {
        wind.FB.XFBML.parse();
    }
}

Теперь, чтобы объединить оба, я не уверен

  • где поставить
  • как включить script тег для sdk.js, а также xfbml.customerchat.js

Я попробовал следующий сценарий, и он потерпел неудачу:

  • Пусть мой index.html не потревожится.
  • Удалите только <div id="fb-root"></div> из chat.html, так как он уже включен в index.html
  • При этом, когда я загружаю приложение, мессенджер работает нормально.
  • Но когда я перехожу к компоненту, в котором есть поле «Комментарий», он не загружает поле «Комментарий», а также отключает Messenger.

Любая помощь?

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