2017-02-09 4 views
1

Je travaille sur CMS, que je ne peux pas gérer à mess avec des valeurs par défaut métaFacebook bouton Partager og: l'image

J'ai ajouté AddThis boutons d'actions. alors j'ai utilisé jquery pour modifier les valeurs méta comme suit

$(document).ready(function(e) { 
$('meta[property="og:title"]').remove(); 
$('head').append('<meta property="og:title" content="<?=$title?>">'); 
$('meta[property="og:image"]').remove(); 
$('head').append('<meta property="og:image" content="<?=$image?>">'); 
}); 

en cliquant sur facebook bouton partager, titre est modifié au besoin, mais l'image ne change pas.

comment puis-je le faire fonctionner sur la valeur de l'image

Répondre

3

Depuis la page se charge juste une fois, je peux assigner l'OG: URL de l'image une fois ... Mais je voudrais vraiment avoir chaque image avec sa propre OG: IMAGE, puisqu'il s'agit d'un album photo.

Modification OG balises meta côté client est d'aucune utilité réelle - parce que Facebook va lire ces balises à travers son grattoir, ce qui signifie qu'ils vont faire une requête HTTP pour votre URL et voir ce qui est dans le code HTML; et le scraper n'exécute aucun JavaScript. Solution: Fournissez une URL individuelle pour chaque photo avec ses propres méta-informations - et ayez votre bouton/fonctionnalité de partage/quelle que soit la fonction du FB à cette URL pour chaque photo.

(Comment gérez-vous les choses côté client n'a pas d'importance - vous pouvez toujours afficher toutes les photos dans une seule page, chargez du nouveau contenu via AJAX, tout ce que vous aimez - mais vous aurez besoin d'URL distinctes pour vos photos Pour qu'ils soient reconnus comme des objets Open Graph individuels.)

+0

Merci, mais comment ça se fait que "title" est changé et "image" n'est pas affectée? – almoujtahed

+0

En fait, le moment où votre url se charge: Image chargée en dom, c'est pourquoi. –

+0

cristal clair merci – almoujtahed