Bouton de partage Facebook personnalisé avec titre personnalisé, URL, image dans wordpress

Question

Bouton de partage Facebook personnalisé avec titre personnalisé, URL, image dans wordpress

1

38920 2014-08-27

Lorsqueje cliquepourpartager sur Facebook,celaprend l'URLet letitre,mais lesimagesmontrent autre chose. Parexemple .

J'aiessayé de créer unbouton departagepersonnalisé qui setrouve ci-dessous,mais lorsqueje clique dessus,rienne sepasse.

  & lt;?php
    $titre=le_titre ();
    $ url=the_permalink ();
    $ summary=urlencode ('Messagepersonnalisé qui résume le sujet de votre onglet,oujuste un simplemessagepour dire auxgens de consulter votre onglet.');
    $image=wp_get_attachment_image_src (get_post_thumbnail_id ($post- > ID),'single-post-thumbnail');
 ? >
    & lt; a onClick="window.open ('http://www.facebook.com/sharer.php?s=100&amp;p [title]=& lt;?phpecho $title;? > & amp; amp ;p [summary]=& lt;?phpecho $ summary;? > & amp; amp;p [url]=& lt;?phpecho $ url;? > & amp; amp; & amp;p [images] [0]=& lt;?phpecho $image [0];? > ',' sharer ','toolbar=0,status=0,width=548,height=325 '); "target="_parent" href="javascript: void (0)" >
        Partagepersonnalisé sur lapage Facebook!
    & lt;/a >

J'ai égalementmis desbalises Open Graph dansmon header.php entre le Balises & lt; head > :

  & lt;?php $image=wp_get_attachment_image_src (get_post_thumbnail_id ($post- > ID),'single-post-thumbnail');? >
& lt;metaproperty="og:title" content="& lt;?phpthe_title ();? >"/>
& lt;metaproperty="og: description" content=""/>
& lt;metaproperty="og:image" content="& lt;?phpecho $image [0];? >"/>
& lt;metaproperty="og: video" content=""/>
& lt;metaproperty="og: video: width" content="560"/>
& lt;metaproperty="og: video: height" content="340"/>
& lt;metaproperty="og: video:type" content="application/x-shockwave-flash"/>

Tousmesmessages demon site Web devraient êtrepartageables sur Facebooket Twitter avec son URL,sontitre,sesimageset sa description. Voici un lien de référencefonctionnel .

In my all post page there is share button (via AddThis plugin).

When I click to share on Facebook, it takes the URL and title, but images is showing something else. For example.

I tried to make a custom share button which is below, but when I click on it, nothing happens.

  <?php
    $title = the_title();
    $url= the_permalink();
    $summary=urlencode('Custom message that summarizes what your tab is about,  or just a simple message to tell people to check out your tab.');
    $image= wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ),  'single-post-thumbnail' );
  ?>
    <a onClick="window.open('http://www.facebook.com/sharer.php?s=100&amp;p[title]=<?php echo $title;?>&amp;p[summary]=<?php echo $summary;?>&amp;p[url]=<?php echo $url; ?>&amp;&p[images][0]=<?php echo $image[0];?>', 'sharer', 'toolbar=0,status=0,width=548,height=325');" target="_parent" href="javascript: void(0)">
        Custom Share on Facebook page!
    </a>

I have also put Open Graph tags in my header.php between the <head> tags:

<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
<meta property="og:title" content="<?php the_title(); ?>" /> 
<meta property="og:description" content="" />  
<meta property="og:image" content="<?php echo $image[0]; ?>" /> 
<meta property="og:video" content="" /> 
<meta property="og:video:width" content="560" />  
<meta property="og:video:height" content="340" />  
<meta property="og:video:type" content="application/x-shockwave-flash" />

All my post from my website should be shareable on Facebook and Twitter with its URL, title, images, and description. Here's a working reference link.

2 réponses

votes

- 0
- 2014-08-27
Pourquoine pas utiliser la variable u pourpartager votre URLet permettre à Facebook d’obtenir le contenu à l’aide desbalises Opengraph?

Quelque chose comme ça

<a onClick="window.open('http://www.facebook.com/sharer.php?u=<?php echo $url; ?>', 'sharer', 'toolbar=0,status=0,width=548,height=325');" target="_parent" href="javascript: void(0)">Custom Share on Facebook page!</a>
What about using the u var to share your url and let facebook get the content using Opengraph tags?

Something like this

<a onClick="window.open('http://www.facebook.com/sharer.php?u=<?php echo $url; ?>', 'sharer', 'toolbar=0,status=0,width=548,height=325');" target="_parent" href="javascript: void(0)">Custom Share on Facebook page!</a>
- hémerci s'il vousplaît vérifiermon lien de référence demise àjour ..je veux dire le site Web qui utilise detellesfonctionnalités
  
  hey thanks please check my update reference link .. i means the website which using such features
  - 0
  - 2014-08-27
  - user3209031
- hé comme vous l'avez dit,je l'aifait ..maisne fonctionnetoujourspas,veuillez vérifier le lien de démonstration
  
  hey as you said i did that .. but still not working,please check demo link
  - 0
  - 2014-08-27
  - user3209031

user3209031 · Accepted Answer · 2014-08-27

1

2014-08-27

Aprèsiciet làpendant longtemps,je trouve la solution ci-dessus:

Remplacement de labalise Meta ci-dessuspar ci-dessous

 <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>

<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' );  ?>

<?php if($image[0] != "" ){ ?>

<meta property="og:image" content="<?php echo $image[0]; ?>"  >

<?php } else { ?>

<meta property="og:image" content="logo.png"  >

<?php } ?>


<meta property="og:image:width" content="3523" >

<meta property="og:image:height" content="2372" >

<meta property="og:url" content="<?php echo the_permalink(); ?>"  >

<meta property="og:title" content="<?php echo the_title(); ?>"  > 

<meta property="og:site_name" content="Thefansworld" />

<meta property="og:description" content="" >  

<meta property="fb:app_id" content="3668661019" >

<meta property="fb:admins" content="" >

 <?php endwhile; wp_reset_query(); ?>

Mais certains POSTme donnenttoujours demauvaisesimageset après quelques recherches,j'aitrouvé:

Lors de l'extraction d'unepage Web àpartir d'une URL,Facebookmet en cache son contenupourplustard. Cela signifie que si Facebookextrait unefois des données de votre siteet que votre site change (parexemple,votre og: lesbalises d'image changent),Facebookne changerapas l'image,caril a déjàtoutmisen cache de son côté.

Essayez de visiter lapage Débogueur Facebook et vérifiez ce que Facebook "voit". L'utilisation de cet outil oblige Facebook à actualiser les données àpartir de l'URL donnée. C'est lameilleurefaçon de le déboguer.

Lorsque vous vous assurez que Facebook "voit" lesbalises og:image appropriées,assurez-vous que lesimages dans og:image ont une largeur/hauteurminimale appropriée (toutestexpliqué dans le débogueurfb).

Facebookn'utiliserapas uneimage de og:image siellene répondpas aux critères de FB. Je recommande vivement cet outil chaquefois qu'il y a desproblèmes avec le contenu de votre site sur FB.

J'espère que cela aidera quelqu'un. Et sije metrompe,faites-lemoi savoir :)

After here and there for long i find the solution for above :

Replaced above meta tag with below

<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>

<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' );  ?>

<?php if($image[0] != "" ){ ?>

<meta property="og:image" content="<?php echo $image[0]; ?>"  >

<?php } else { ?>

<meta property="og:image" content="logo.png"  >

<?php } ?>


<meta property="og:image:width" content="3523" >

<meta property="og:image:height" content="2372" >

<meta property="og:url" content="<?php echo the_permalink(); ?>"  >

<meta property="og:title" content="<?php echo the_title(); ?>"  > 

<meta property="og:site_name" content="Thefansworld" />

<meta property="og:description" content="" >  

<meta property="fb:app_id" content="3668661019" >

<meta property="fb:admins" content="" >

 <?php endwhile; wp_reset_query(); ?>

But still some of the POST give me wrong images and after some research i found :

When pulling a webpage from an URL, Facebook caches it's content for later. It means, that if Facebook once pulls data from your site, and than your site changes (for example your og:image tags change), Facebook will not change the image, because it already has everything cached on its side.

Try visiting Facebook Debugger page and review what Facebook "sees". Using this tool forces Facebook to refresh data from the given URL. This is the best way to debug it.

When you make sure Facebook "sees" proper og:image tags, then make sure the images in the og:image are of proper minimum width/height (it's all explained in the fb debugger).

Facebook will not use an image from og:image if it does not meet FB's criteria. I strongly recommend this tool whenever there are any issues with content from your site on FB.

Hope this will help some one.And if i am wrong some where please let me know :)