Я пытаюсь добавить 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.
Любая помощь?