ダイナミックなライクボックスの作成

マルチフィードを使用している場合は、フィードの最初の投稿に基づいて表示されるライクボックスを変更するか、各投稿にライクボックスを追加します。

フィードに表示される最初の投稿の作者に「いいね!」ボックスを追加する

1) まず、ショートコードに以下を追加して、フィードにクラスを追加します。 class="cff-dynamic-likebox"

2) 既存の「いいね!」ボックスを無効にしてください。ショートコードに以下を追加してください。 exclude="likebox"

3) プラグインのCustom JavaScriptセクション(Facebook Feed > Customize > Misc)に以下を追加する:

$('.cff-dynamic-likebox').append('<iframe src="https://www.facebook.com/plugins/page.php?adapt_container_width=true&app_id=712681982206086&container_width=181&hide_cover=true&hide_cta=false&href=https%3A%2F%2Fwww.facebook.com%2FAndromedabarnehage&locale=nb_NO&sdk=joey&show_facepile=false&show_posts=false&small_header=true&href=https%3A%2F%2Fwww.facebook.com%2F'+$('.cff-dynamic-likebox .cff-item').first().attr("data-cff-from")+'" style="width: 100%; height: 70px;"></iframe>');
});

マルチフィードの各投稿に「いいね!」ボックスを追加する

これを行うには、上のスニペットではなく、下のスニペットを使用する:

$('.cff-dynamic-likebox .cff-item').each(function(){ 
$(this).append('<iframe src="https://www.facebook.com/plugins/page.php?adapt_container_width=true&app_id=712681982206086&container_width=181&hide_cover=true&hide_cta=false&href=https%3A%2F%2Fwww.facebook.com%2FAndromedabarnehage&locale=nb_NO&sdk=joey&show_facepile=false&show_posts=false&small_header=true&href=https%3A%2F%2Fwww.facebook.com%2F'+$(this).attr("data-cff-from")+'" style="width: 100%; height: 70px;"></iframe>');
});
サポート

ドキュメントに答えが見つからない?

サポート

この記事は役に立ちましたか?