各フィード内の写真を、投稿テキスト内のカスタムURLに自動的にリンクさせる

プラグインバージョン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);
});

サポート

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

サポート

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