FacebookでJoomlaのURLを共有する-画像、タイトル、説明の編集


7

私は、バージョン1.5から最新のバージョン3.3に至るまで管理しているJoomlaサイトをいくつか持っています。Facebookのサイトの1つからのリンクを共有しようとするときはいつでも(Joomlaのバージョンに関係なく)、サムネイル、タイトル、説明は共有したいページに含まれている情報を反映していません。

オープングラフ(OG)メタタグの使用に関する多くの情報を見てきましたが、それらをJoomla構造に実装する方法についてはわかりません。

どんな入力でも大歓迎です!

回答:


4

これを試して、

これは要件に対する別のアプローチです。多くの場合、OGタグは、キャッシュ、圧縮などにより、FBで画像のURLを共有する際に問題を引き起こします。そのため、CMSでは、Javascript SDK for FB共有を使用してカスタム画像、タイトル、説明などを共有する方が適切です。

キャッシュまたは圧縮との競合のOG tags問題は、この方法で解決されます。

FBでアプリを作成するだけです。

<script type="application/javascript">
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : 'APP ID',                            
      status     : true,                                 
      xfbml      : true                                  
    });

  };

  // Load the SDK asynchronously
  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/all.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));

function FBShareOp(){
    var product_name   =    'your title name';
    var description    =    'description';
    var share_image    =    'full image url ';
    var share_url      =    'url to share'; 
        var share_capt     =    'caption';
    FB.ui({
        method: 'feed',
        name: product_name,
        link: share_url,
        picture: share_image,
        caption: share_capt,
        description: description

    }, function(response) {
        if(response && response.post_id){}
        else{}
    });

}

</script>

FBのカスタム共有ボタンの詳細については

それが意味をなすことを願っています。


これは魅力のように働きました、ありがとう!(非常に遅い返信、笑)
chuckd13 '

4

最初にFacebookのデバッグツールを使用します。https//developers.facebook.com/tools/debug

何も入力されていない場合、考えられる原因は次のとおりです。1. GZip 2.テンプレートの圧縮ツール3.サードパーティのプラグイン(Rokbooster、JCH Optimize)

新しいRocketthemeテンプレートがある場合は、メタOGタグがあらかじめ定義されているので、index.phpを確認してください。

テンプレートのindex.phpファイルにタグを追加する場合のオープングラフ(OG)メタタグの良いガイドは次のとおりです。http: //moz.com/blog/meta-data-templates-123

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.