7 snippets de WordPress para interactuar con redes sociales

Las redes sociales es una manera fundamental de publicitar tu blog y atraer nuevos visitantes. Por lo tanto necesitas asegurarte de que tu sitio web o tu blog interactúa con Facebook, Twitter y Google+ y otras redes sociales. En este artículo hemos compilado una lista de snippets super útiles para interactuar con las redes sociales más populares.

Mostrar el número de fans de Facebook en texto plano en tu blog de WordPress

Si cuentas con una página de Facebook para tu blog, posiblemente quieras mostrar el número de fans que tienes en tu sitio web. Para ello solamente tienes que copiar el siguiente código en uno de los archivos de tu theme, donde quieras mostrar el número de seguidores de la página de Facebook de tu blog. No olvides añadir el ID de tu página de Facebook en la línea 2

<?php
    $page_id = "YOUR PAGE-ID";
    $xml = @simplexml_load_file("http://api.facebook.com/restserver.php?method=facebook.fql.query&query=SELECT%20fan_count%20FROM%20page%20WHERE%20page_id=".$page_id."") or die ("a lot");
    $fans = $xml->page->fan_count;
    echo $fans;
?>

Añadir automáticamente los botones de Twitter y Facebook en tus posts

Con este código podrás añadir los típicos botones de Twitter y Facebook para compartir el contenido de los posts donde los muestres. Mediante estos botones, como ya te comentado anteriormente, los usuarios del blog y tus visitantes podrás compartir el contenido del artículo en sus muros, tanto de Facebook como de Twitter, para que llegue a mucha más gente.

Solo tienes que añadir el siguiente snippet en el fichero functions.php de tu theme y guardarlo.

function share_this($content){
    if(!is_feed() && !is_home()) {
        $content .= '<div class="share-this">
                    <a href="http://twitter.com/share"
class="twitter-share-button"
data-count="horizontal">Tweet</a>
                    <script type="text/javascript"
src="http://platform.twitter.com/widgets.js"></script>
                    <div class="facebook-share-button">
                        <iframe
src="http://www.facebook.com/plugins/like.php?href='.
urlencode(get_permalink($post->ID))
.'&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=like&amp;colorscheme=light&amp;height=21"
scrolling="no" frameborder="0" style="border:none;
overflow:hidden; width:200px; height:21px;"
allowTransparency="true"></iframe>
                    </div>
                </div>';
    }
    return $content;
}
add_action('the_content', 'share_this');

Enlazar automáticamente los nombres de usuarios de Twitter en WordPress

Si usualmente citas a usuarios de Twitter en tu blog, ¿por qué no enlazarlos automáticamente los usernames de Twitter en tu blog? Aquí tienes una bonita expresión regular para llevarlo a cabo. Simplemente añade este código al archivo functions.php para hacerlo funcionar.

function twtreplace($content) {
    $twtreplace = preg_replace('/([^a-zA-Z0-9-_&])@([0-9a-zA-Z_]+)/',"$1<a href="http://twitter.com/$2" target="_blank" rel="nofollow">@$2</a>",$content);
    return $twtreplace;
}

add_filter('the_content', 'twtreplace');   
add_filter('comment_text', 'twtreplace');

Muestra un contador con las veces que se ha compartido un post en redes sociales

¿Quieres mostrar cuantas veces se ha compartido tu post tanto en Facebook, Twitter y Google+? Esto es lo que hace el snippet de más abajo. Pégalo si quieres mostrar el contador de las veces que se han compartido los posts dentro del loop.

function social_shares() {
    $url = get_permalink( $post_id );
    $json = file_get_contents(&quot;http://api.sharedcount.com/?url=" .
rawurlencode($url));
    $counts = json_decode($json, true);
    $totalcounts= $counts[&quot;Twitter&quot;] +
$counts[&quot;Facebook&quot;][&quot;total_count&quot;] +
$counts[&quot;GooglePlusOne&quot;];
    echo &quot;&lt;div&gt;$totalcounts Share&lt;/div&gt;&quot;;
}

Añade automáticamente el botón de Google+ en tus posts

Te he enseñado como añadir los botones de compartir de Facebook y Twitter en tus posts pero, ¿qué pasa con los de Google+? Aquí tienes un pequeño código para que tus visitantes puedan compartir el contenido de tu artículo en sus círculos de Google+. Pega el código de más abajo en el fichero functions.php del theme que estés utilizando en tu WordPress para llevarlo a cabo.

add_filter('the_content', 'wpr_google_plusone');
function wpr_google_plusone($content) {
    $content = $content.'<div class="plusone"><g:plusone size="tall" href="'.get_permalink().'"></g:plusone></div>';
    return $content;
}
add_action ('wp_enqueue_scripts','wpr_google_plusone_script');
function wpr_google_plusone_script() {
    wp_enqueue_script('google-plusone', 'https://apis.google.com/js/plusone.js', array(), null);
}

Muestra tu última publicación de Google+ en WordPress

¿Eres de los pocos que sigue utilizando la red social de Google, Google+? Si has contestado afirmativamente a la pregunta, decirte que puedes mostrar tu última publicación de Google+ en tu blog de WordPress utilizando este snippet.

Copia el código de más abajo y pégalo donde quieras mostrar la última publicación de Google+. Eso es todo.

<?php
    include_once(ABSPATH.WPINC.'/rss.php');
    $googleplus = fetch_feed("http://plusfeed.appspot.com/103329092193061943712"); // Replace 103329092193061943712 by your own ID
    echo '<a href="';
    echo $googleplus->items[0]['link']; echo '">';
    echo $googleplus->items[0]['summary'];
    echo '';
?>

Añade el botón de “Pin It” en tu blog de WordPress

Lo primero que tienes que hacer es pegar el siguiente snippet donde quieras mostrar el típico botón “Pin It” de Pinterest. Fíjate en que este código debe ser pegado dentro del loop.

<a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail' ); echo $thumb['0']; ?>&description=<?php the_title(); ?>" class="pin-it-button" count-layout="horizontal">Pin It</a>

Una vez hecho, abre el archivo footer.php y añade el siguiente código Javascript.

<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>

COMPARTE ESTE ARTÍCULO

COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN LINKEDIN
COMPARTIR EN WHATSAPP