web-dev-qa-db-ja.com

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

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

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

任意の入力をいただければ幸いです！

joomla-user-groups
7
chuckd13

これを試して、

これは要件に対する別のアプローチです。多くの場合、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のカスタム共有ボタンの詳細については

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

4
Jobin Jose

最初に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-12

4
YellowWebMonkey