Cómo integrar Open Graph de Facebook en WordPress
El año pasado si no me equivoco fue cuando el poderoso Facebook añadió soporte para Open Graph en su API. Con lo que añadiendo unas pequeñas cabeceras a tu página podrás obtener toda una serie de información y control a través de Facebook o de sus widgets.
Para ir más el grano pondré el código que hay que añadir al header.php del tema de tu WordPress:
<!– Facebook Opengraph –>
<meta property="fb:app_id" content="El_ID_de_tu_aplicación" />
<meta property="fb:admins" content="ID_de_usuario" />
<meta property="og:url" content="<?php the_permalink() ?>"/>
<?php if (is_single()) { ?>
<meta property="og:title" content="<?php single_post_title(''); ?> | MisRincones.com" />
<meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" />
<meta property="og:type" content="article" />
<meta property="og:image" content="<?php echo wp_get_attachment_thumb_url( get_post_thumbnail_id( $post->ID ) ) ?>" />
<?php } else { ?>
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
<meta property="og:description" content="<?php bloginfo('description'); ?>" />
<meta property="og:type" content="website" />
<meta property="og:image" content="<?php bloginfo('template_url') ?>/path/to-your/logo.jpg" />
<?php } ?>
<!– Facebook Opengraph –>
Hay 2 datos qhe hemos de modificar nosotros para la correcta integración del código que he añadido.
- fb:app_id : Es el ID de la aplicación que has de crear en la página de desarrolladores. Este valor lo llaman "App ID/API Key"
- fb:admins : En este campo podemos añadir todos los administradores que consideremos apropiado y evidentemente este dado de alta como admin en la aplicación. Pero ¿cómo obtenemos el ID de un usuario? Muy sencillo, nos vamos al perfil que corresponda y nos metemos en la opción de Fotos, al pinchar sobre cualquier cualquier foto y miramos la URL buscamos la cadena "&set=t.". Los números que hay a continuación es el ID de usuario.