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件のコメント
サインインしてコメントを残してください。