プラグインバージョン4.0以上
以下のスニペットを使用すると、投稿の写真をカスタムURLにリンクできます:
$('#paste_post_id_here').find('.cff-photo').attr('href', 'http://custom-link-here');
カスタムJavaScriptプラグインまたはお好みの方法を使用してコードスニペットを追加する必要があります。詳しくはこちらのドキュメントをご覧ください。次に、ポップアップライトボックスを無効にして、ライトボックスを起動する代わりにURLにリンクするようにします:Facebookフィード > すべてのフィード > 該当するフィードの編集 > ライトボックスを選択 し、有効化スイッチをオフにします。
写真を自動的にリンクする
たくさんの投稿をリンクさせたい場合は、以下のスニペットを使って、Facebook投稿のテキストから最初のリンクを取得し(ハッシュタグやメンションなどのFacebookリンクは無視)、投稿の写真をそのURLにリンクさせると簡単です:
$('.cff-item').each(function(){
var $self = $(this),
url_arr = [];
$self.find('.cff-text a').each(function(){
if( $(this).attr('href').indexOf('facebook.com') == -1 ) url_arr.push( $(this).attr('href') );
});
if( url_arr.length > 0 ) $self.find('.cff-photo').attr('href', url_arr[0]);
});
これにより、継続的なメンテナンスなしでカスタムURLに簡単にリンクできる「ショッパブル」フィードが作成されます。
投稿テキストを表示せず、写真だけを表示する場合は、代わりに以下のスニペットを使用できます:
$('.cff-item').each(function(){
var $self = $(this),
word_arr = $self.find('.cff-photo img').attr('alt').split(/\n| /),
matching_url = '';
word_arr.map( function(item) {
if( item.startsWith("http") && (item.indexOf("facebook.com") == -1) ) matching_url = item;
});
if( matching_url !== '' ) $self.find('.cff-photo').attr('href', matching_url);
});
プラグインバージョン4.0
以下のスニペットを使用すると、投稿の写真をカスタムURLにリンクできます:
$('#paste_post_id_here').find('.cff-photo').attr('href', 'http://custom-link-here');
以下のセクションにコードスニペットを追加する必要があります:Facebook Feed > Customize > Misc >Custom JavaScriptにコードスニペットを追加し、ポップアップライトボックスを無効にして、ライトボックスを起動する代わりにURLにリンクするようにします:Facebook Feed > Customize > Misc > Media >Disable Popup Lightbox.
写真を自動的にリンクする
たくさんの投稿をリンクさせたい場合は、以下のスニペットを使って、Facebook投稿のテキストから最初のリンクを取得し(ハッシュタグやメンションなどのFacebookリンクは無視)、投稿の写真をそのURLにリンクさせることができます:
$('.cff-item').each(function(){
var $self = $(this),
url_arr = [];
$self.find('.cff-text a').each(function(){
if( $(this).attr('href').indexOf('facebook.com') == -1 ) url_arr.push( $(this).attr('href') );
});
if( url_arr.length > 0 ) $self.find('.cff-photo').attr('href', url_arr[0]);
});
これにより、継続的なメンテナンスなしでカスタムURLに簡単にリンクできる「ショッパブル」フィードが作成されます。
投稿テキストを表示せず、写真だけを表示する場合は、代わりに以下のスニペットを使用できます:
$('.cff-item').each(function(){
var $self = $(this),
word_arr = $self.find('.cff-photo img').attr('alt').split(/\n| /),
matching_url = '';
word_arr.map( function(item) {
if( item.startsWith("http") && (item.indexOf("facebook.com") == -1) ) matching_url = item;
});
if( matching_url !== '' ) $self.find('.cff-photo').attr('href', matching_url);
});