ユニットをWordpressサイト(ページ)のFacebookインスタント記事に埋め込む方法

Wordpressサイト(ページ)&Facebookインスタント記事 

ApesterユニットをWordpressサイト(ページ)のインスタント記事(Apesterユニットへの回答が、他のサイトへ飛ばずにFacebook上にて行われる記事)に埋め込むには、以下のコードをエディターが"text"モードの際にWordPressに埋め込んでください。

例)
<div class="ape-interaction" id="{interaction ID}">
<script async src="//static.apester.com/js/embed/v2.0/apester-javascript-embed.min.js"></script></div>

または

<div class="apester-media" id="{interaction ID}">
<script async src="//static.apester.com/js/embed/v2.0/apester-javascript-embed.min.js"></script></div> 

または

<interaction id="{interaction ID}"></interaction>
<script async src="//static.apester.com/js/embed/v2.0/apester-javascript-embed.min.js"></script>

または

<apester-media id="{interaction ID}"></apester-media>
<script async src="//static.apester.com/js/embed/v2.0/apester-javascript-embed.min.js"></script> 

次は、Facebookの公開ツールにてコードを調整してください。:

<figure class="op-interactive">
<iframe class="no-margin">

 <div class="apester-media" id="{interaction ID}">
<script async src="http://static.apester.com/js/embed/v2.0/apester-javascript-embed.min.js"></script></div>
</iframe>
</figure>

=======

または

=======

<figure class="op-interactive">
<iframe class="no-margin">

<div class="ape-interaction" id="{interaction ID}">
<script async src="http://static.apester.com/js/embed/v2.0/apester-javascript-embed.min.js"></script></div> 
</iframe>
</figure> 

コードの埋め込み位置を変更すると、ユニットがインスタント記事上に表示されます。

他にご質問がございましたら、リクエストを送信してください

0 コメント

ログインしてコメントを残してください。