Plusieurs Facebook opengraph objets sur la même page

J'ai une page où les utilisateurs doivent mettre en place des actions sur plusieurs objets, mais Facebooks design vous limite à un seul objet par page en utilisant le méta-balises de propriété.

Quelqu'un a trouvé une solution à ce problème?

InformationsquelleAutor Andrew Randall | 2011-10-05
  1. 13

    L'Open Graph utilise l'URL l'identifiant de l'objet, donc ce n'est pas possible d'avoir plusieurs objets sur une page, la page est l'objet.

    Au lieu de cela, vous aurez besoin d'une URL pour chaque objet, et que les URL en HTML doit contenir le bon OG balisage.

    Vous pouvez mettre plusieurs boutons sur une page, et la faire pointer sur chacun de vos objets en spécifiant le 'href' paramètre pour chaque bouton j'aime.

    Cependant, si vous souhaitez que l'utilisateur puisse retrouver à la MÊME page en cliquant sur le lien de chacune de ces objets, vous pouvez le faire, mais son un peu tricksy...

    Sur vos pages d'objet, sur votre serveur, regardez la requête entrante useragent. Si le useragent contient la chaîne "facebookexternalhit", puis afficher le code HTML et la OG de balisage - c'est comment le Facebook grattoir voit votre page. Si le client ne contient pas cette chaîne, effectuer un 302 redirct à la page que vous souhaitez que l'utilisateur puisse voir.

    Résultat? De nombreux objets, mais un seul utilisateur-page visible. Gagner.

    Et c'est de cette façon que vous le feriez:

    <?php

if ($_SERVER["HTTP_USER_AGENT"] != "facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)") {
    redirect('http://www.somesite.com', 302);
}
function redirect($url, $type=302) {
    if ($type == 301) header("HTTP/1.1 301 Moved Permanently");
    header("Location: $url");
    die();
}

?>

<html...
    InformationsquelleAutor Simon Cross
  2. 2

    https://stackoverflow.com/a/7659770/1354666 C'est une grande réponse, mais quelques choses à ce sujet ne sont pas bien pour moi, donc j'ai essayé une alternative.

    Au lieu d'utiliser href du bouton étiquettes que je suis en utilisant les Iframes.

    1. Faire une série de pages html pour chacune des OG objets.
    2. Dans Chacune de ces pages ajouter le nécessaire facebook scripts d'en-tête et facebook racine éléments d'appeler le facebook de l'api.
    3. Créer un formulaire de saisie d'éléments qui vont appeler les actions pour chacun de ces OG objets. Donner à chacun de ces éléments un id.
    4. Comprennent un petit script qui va déterminer si vous êtes et Iframe ou une page, de sorte que vous pouvez rediriger les utilisateurs vers votre page d'accueil s'ils cliquent sur le facebook d'alimentation.
    5. Enfin, le lieu et votre taille de l'iframe avec un style de jeu pas d'image sur la page et réglez-pas de scroll. Utiliser les id des éléments du formulaire afin de cibler l'action qui doit être dans l'iframe vue.

    Je travaille toujours sur le raffinage pour mes téléphones mobiles de sortie, mais ça fonctionne comme je le il devrait pour la plupart des navigateurs.

    InformationsquelleAutor Andrew Ellison Pembroke
  3. 0

    FB utilise l'URL que vous attribuez à l'objet à racler pour plus d'informations. La seule façon de contourner ce serait d'avoir les objets indiqués par une iframe ou certains approche similaire. Si l'objet a été référencé directement vous auriez besoin d'un moyen de rediriger les requêtes vers le approprié wrapper page de l'objet de la vue. Tant que tout est dans le même domaine que vous pourriez travailler un procédé de communication entre les enfants de cadres par le parent.

    InformationsquelleAutor Dustin Nielson