web-dev-qa-db-fra.com

partage de l'URL Joomla sur Facebook - édition d'image, de titre et de description

j'ai une poignée de sites Joomla que je gère, de la version 1.5 à la version récente, la 3.3. Chaque fois que je vais partager un lien depuis l'un de mes sites sur Facebook (quelle que soit la version de Joomla), la vignette, le titre et la description ne reflètent pas les informations contenues sur la page que je souhaite partager.

j'ai vu beaucoup d'informations concernant l'utilisation des balises méta-open-graph (OG), mais je ne suis pas sûr de la façon de les implémenter dans la structure Joomla.

toute contribution serait vivement appréciée!

7
chuckd13

Essaye ça,

il s'agit d'une approche différente pour l'exigence. Souvent, les balises OG créent un problème de partage d'URL d'image sur le FB, en raison de la mise en cache, de la compression, etc. Ainsi, dans tout CMS, il est préférable d'utiliser Javascript SDK for FB share pour partager une image personnalisée, un titre, une description, etc.

Le problème avec le cache ou la compression et le conflit avec OG tags sera résolu avec cette méthode.

Il suffit de créer une application sur 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>

pour plus de détails sur bouton de partage personnalisé sur le FB

espérons que cela a du sens.

4
Jobin Jose

J'utiliserais d'abord l'outil de débogage de Facebook: https://developers.facebook.com/tools/debug

Si rien ne se remplit, il existe des causes possibles: 1. GZip 2. Outils de compression dans le modèle 3. Plug-ins tiers (Rokbooster, JCH Optimize)

Si vous avez un modèle Rockettheme plus récent, consultez le fichier index.php, car il contient des balises méta OG prédéfinies.

Voici un bon guide pour les balises méta open-graph (OG) si vous souhaitez les ajouter au fichier index.php de votre modèle: http://moz.com/blog/meta-data-templates-12

4
YellowWebMonkey