Я пытаюсь создать предварительный просмотр с помощью iframe. В предварительном просмотре есть кнопка в стиле Facebook.
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"></script>
<!-- Your like button code -->
<div class="fb-like"
data-href= ${facebook_page.facebook_page_url}
data-layout= ${facebook_page.like_button_type}
data-action="like"
data-show-faces="true"
data-size="large">
</div>
Чтобы перезагрузить предварительный просмотр, я переписываю документ iframe:
onFacebookUpdated() {
const iframedoc = iframe.nativeElement.contentWindow || iframe.nativeElement.contentDocument.document ||
iframe.nativeElement.contentDocument;
iframedoc.document.open();
iframedoc.document.write(Facebook.setupFacebookPreview(this.qr.campaign.facebook_page));
iframedoc.document.close();
}
Появляется только кнопка «Мне нравится» в предварительном просмотре. когда страница загружается в первый раз. При изменении предварительного просмотра, т.е. при вызове onFacebookUpdated()
, кнопка исчезает.
Я пытался использовать FB.XFBML.parse()
в console
, но это не помогает.