Dynamic Facebook og Meta Tags in Wordpress PHP

对于它的价值，我使用Ryan S. Cowles的函数来做到这一点，它工作得很好。 它使用 wp_head 钩子动态插入数据，使每个页面动态加载 OG 元信息。 每当在FB状态框中使用您的一个页面链接时，它都会调用与该页面相关的信息。 我在我的所有页面上都使用特色图片，但如果你不这样做，你可以很容易地写一个默认的回退。

这是我的函数文件中：

/*
Plugin Name: Facebook Featured Image and Open Graph Meta Tags
Version: 1.0
Plugin URI: http://www.ryanscowles.com
Description: Automatically set the posts' Featured Image as the thumbnail and set appropriate Open Graph meta tags for sharing on Facebook.
Author: Ryan S. Cowles
Author URI: http://www.ryanscowles.com
*/
define ('pluginDirName', 'fb-featured-image');
// Allow for Facebooks's markup language
add_filter('language_attributes', 'add_og_xml_ns');
function add_og_xml_ns($content) {
  return ' xmlns:og="http://ogp.me/ns#" ' . $content;
}
add_filter('language_attributes', 'add_fb_xml_ns');
function add_fb_xml_ns($content) {
  return ' xmlns:fb="https://www.facebook.com/2008/fbml" ' . $content;
}    
// Set your Open Graph Meta Tags
function fbogmeta_header() {
  if (is_single()) {
    ?>
        <meta property="og:title" content="<?php the_title(); ?>"/>
        <meta property="og:description" content="<?php echo strip_tags(get_the_content($post->ID)); ?>" />
        <meta property="og:url" content="<?php the_permalink(); ?>"/>
        <?php $fb_image = wp_get_attachment_image_src(get_post_thumbnail_id( get_the_ID() ), 'thumbnail'); ?>
        <?php if ($fb_image) : ?>
            <meta property="og:image" content="<?php echo $fb_image[0]; ?>" />
            <?php endif; ?>
        <meta property="og:type" content="<?php
            if (is_single() || is_page()) { echo "article"; } else { echo "website";} ?>"
        />
        <meta property="og:site_name" content="<?php bloginfo('name'); ?>"/>
<?php
  }
}
add_action('wp_head', 'fbogmeta_header');

我改编了Facebook特色图像和打开图形元标记（http://www.ryanscowles.com）中的函数并将其粘贴到函数上.php，它有效！（WordPress 3.5.1）

<?php
//function to limit description to 300 characters
function limit($var, $limit) {
    if ( strlen($var) > $limit ) {
        return substr($var, 0, $limit) . '...';
    }
    else {
        return $var;
    }
}
// Set your Open Graph Meta Tags
function fbogmeta_header() {
    if (is_single()) {
        //getting the right post content
        $postsubtitrare = get_post_meta($post->ID, 'id-subtitrare', true);
        $post_subtitrare = get_post($postsubtitrare);
        $content = limit(strip_tags($post_subtitrare-> post_content),297);
        ?>
        <meta property="og:title" content="<?php the_title(); ?>"/>
        <meta property="og:description" content="<?php echo $content; ?>" />
        <meta property="og:url" content="<?php the_permalink(); ?>"/>
        <?php $fb_image = wp_get_attachment_image_src(get_post_thumbnail_id(     get_the_ID() ), 'thumbnail'); ?>
        <?php if ($fb_image) : ?>
        <meta property="og:image" content="<?php echo $fb_image[0]; ?>" />
        <?php endif; ?>
        <meta property="og:type" content="<?php
        if (is_single() || is_page()) { echo "article"; } else { echo "website";}     ?>"
        />
        <meta property="og:site_name" content="<?php bloginfo('name'); ?>"/>
        <?php
        }
        }
add_action('wp_head', 'fbogmeta_header');
?>

使用 Wordpress，您无需通过 $_GET 或 $_POST 传递此信息。Wordpress为您提供所有这些。

我可以理解你不想使用插件的愿望，但其中一些像Wordpress SEO或官方Facebook可以为你添加这个，让你的生活更轻松。如果没有，找一个简单的，把它拆开，看看他们在做什么。

如果您真的想自己滚动，您应该使用模板标签设置标题。您可以通过 the_title（） 函数检索帖子标题。对于您要查找的其他元数据点，还有其他元数据点。

最后一点：您的og:image文件需要至少为50px，否则Facebook不会显示它。网站图标，就像你试图使用的那样，几乎总是太小了。有关完整的映像规格，请参阅此页面。

要使og:url和og:title动态化，请尝试使用这个

<meta property="og:url" content="<?php echo get_permalink($post->ID); ?>"/>
<meta property="og:title" content="<?php echo $post->post_title; ?>"/>

还有其他数据可以通过$post对象获得。 有关更多信息，请参阅此处 http://www.rlmseo.com/blog/wordpress-post-variable-quick-reference/

我最终通过使用以下代码行使Facebook og：url标签动态化来解决它：

<meta property="og:url" content="<?php echo 'http://internetlols.com'.$_SERVER['REQUEST_URI']; ?>"/>
{ picture: '<?php echo 'http://internetlols.com'.$_SERVER['REQUEST_URI']; ?>' },