El Mejor Plugin para compartir tus posts de WordPress
Desde que comencé a bloggear allá en 2.008 he estado tratando de encontrar El Mejor Plugin para que los usuarios compartan tus posts de WordPress.
Lógicamente el enfoque de un plugin para compartir debe ser aquél que reúna todas las redes sociales de actualidad en cada momento y hasta hoy he estado utilizando ic BeSocial pero considero que se ha quedado desfasado ya que, por el momento no contempla ni Pinterest, ni Google Plus por ejemplo y si contempla redes residuales como Reddit o desaparecidas como Google Buzz.
Hoy me ha dado por investigar y he encontrado Facebook,Twitter,Google plus one Share Buttons WordPress Plugin.
Este plugin tiene la ventaja de que reúne las redes de mayor actualidad en el momento: Pinterest, Facebook (dos ppciones, Like y Share), Google Plus y Twitter.
He de decir que al instalarlo he encontrado dos problemas:
- Los Widgets se montaban entre si y quedaba feo y confuso.
- Incluía la Red Digg la cual no considero interesante.
Para ello he estado tocándo el código y para aquellos interesados y que no tengan conocimientos de programación os dejo lo que debéis hacer:
<?php/*Plugin Name: Facebook,Twitter,Google plus one Share ButtonsPlugin URI: http://www.92app.com/wordpress-plugins/facebook-twitter-google-plus-one-share-buttonsDescription: Facebook Like & Share,Twitter,Google +,Pinterest,Digg Buttons after post contents.Version: 1.3.0Author: Jeriff ChengAuthor URI: http://www.92app.com/*//* Copyright 2011-2012 Jeriff Cheng (email: hschengyongtao@gmail.com)
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program.*/
/* Contents: 1.Head js: Pinterest,Google + ,Digg 2.Footer js: Twitter,Facebook Share 3.Get the Image for Pinterest 4.Display the Social Share Buttons */
##################################################################### 1. Head js: Pinterest,Google +, Digg#####################################################################################function FTGSB_head() {if (is_single()) { ?> <script type=”text/javascript”>(function() { window.PinIt = window.PinIt || { loaded:false }; if (window.PinIt.loaded) return; window.PinIt.loaded = true; function async_load(){ var s = document.createElement(“script”); s.type = “text/javascript”; s.async = true; if (window.location.protocol == “https:”) s.src = “https://assets.pinterest.com/js/pinit.js”; else s.src = “http://assets.pinterest.com/js/pinit.js”; var x = document.getElementsByTagName(“script”)[0]; x.parentNode.insertBefore(s, x); } if (window.attachEvent) window.attachEvent(“onload”, async_load); else window.addEventListener(“load”, async_load, false);})();</script><script type=”text/javascript”>(function() {var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;po.src = ‘https://apis.google.com/js/plusone.js’;var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);})();</script><script type=”text/javascript”>(function() {var s = document.createElement(‘SCRIPT’), s1 = document.getElementsByTagName(‘SCRIPT’)[0];s.type = ‘text/javascript’;s.async = true;s.src = ‘http://widgets.digg.com/buttons.js’;s1.parentNode.insertBefore(s, s1);})();</script><?php } }add_action(‘wp_head’, ‘FTGSB_head’,20);
############################################################################2.Footer js: Twitter,Facebook Share#################################################################################function FTGSB_footer() { if (is_single()) { ?> <script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script> <script type=”text/javascript” src=”<?php echo get_option(‘siteurl’) . ‘/’ . PLUGINDIR . ‘/’ . dirname(plugin_basename (__FILE__))?>/FB.Share” ></script> <?php } }add_action(‘wp_footer’, ‘FTGSB_footer’);
###############################################################################3.Get the Image for Pinterest#####################################################################################function pinterest_image() { global $post, $posts; //if you set p-img custom field, then set it as pinterest_image $pinterest_image = get_post_meta($post->ID, ‘p-img’, true); //if not,get the first image in the post as pinterest_image $first_img = ”; ob_start(); ob_end_clean(); $output = preg_match_all(‘/<img.+src=[‘”]([^'”]+)[‘”].*>/i’, $post->post_content, $matches); $first_img = $matches [1] [0];
//return pinterest_image URL if(empty($pinterest_image)){ $pinterest_image = $first_img; } return $pinterest_image;}
###############################################################################4.Display the Social Share Buttons################################################################################add_filter (‘the_content’, ‘FTGSB’);function FTGSB($content) {if(is_single()) {global $post, $posts;$content.= ‘<style>#socialbuttonnav li{list-style:none;overflow:hidden;margin:10 auto (PARA SEPARAR LOS WIDKETS Y QUE NO SE MONTEN IR AUMENTANDO EL NUMERO DELANTE DE “PX” HASTA QUE QUEDE A TU GUSTO);background:none;overflow:hidden;width:50px (PARA QUE SE LEA AL COMPLETO EL TEXTO “ME GUSTA”, “LIKE” ETC); height:70px; line-height:5px; margin-right:20px; float:left; text-align:center;}</style><ul id=”socialbuttonnav”><li><!– Pinterest like–> <a href=”http://pinterest.com/pin/create/button/?url=’.urlencode(get_permalink($post->ID)).’&media=’.pinterest_image().'” count-layout=”vertical”>Pin It</a></li><li><!– Google plus one–><g:plusone size=”tall” count=”true”></g:plusone></li><li><!– Facebook like–><iframe src=”//www.facebook.com/plugins/like.php?href=’.urlencode(get_permalink($post->ID)).’&send=false&layout=box_count&width=65&show_faces=false&action=like&colorscheme=light&font&height=90&appId=220231561331594″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:65px; height:90px;”(EN ESTE CASO HAY QUE MODIFICAR POR SEPARADO EL ANCHO / WIDTH DEL WIDGET “ME GUSTA”) allowTransparency=”true”></iframe></li><li><!– Facebook share–><a name=”fb_share” type=”box_count” href=”http://www.facebook.com/sharer.php”>Share</a></li><li><!– Twitter–><a name=”twitter_share” data-count=”vertical” href=”http://twitter.com/share” >Tweet</a></li><li><!– Digg–><a href=’.urlencode(get_permalink($post->ID)).’&title=’.urlencode(get_the_title()).’></a></li> (ELIMINAR ESTA LINEA DE CÓDIGO SI NO QUIERES QUE APAREZCA DIGG)</ul>’;}return $content;}
¿Dónde se hace todo esto?
Nos vamos a la barra lateral izquierda de nuestro CMS de WordPress
Una vez allí elegimos el plugin que queremos modificar y lo editamos siguiendo las indicaciones que he dado arriba
Importante:
- Haced paso por paso y en cada cambio darle actualizar archivo y ver el efecto de los cambios en el front de nuestro blog.
- Antes de empezar copìar el código original en una aplicación tipo Bloc de Notas” por si cometemos algún error.
¡Espero que os resulte de interés y os animéis a comentar vuestros experimentos!
¡Y YA QUE ESTÁIS SI COMPARTÍS ESTE POST OS LO AGRADEZCO ENORMEMENTE! ;P
¡Comparte este artículo en las redes sociales!
Estimad@ Emprendedor/a, espero que este artículo te haya resultado útil. Si piensas que puede ayudar a otros te invito a compartirlo a través de cualquiera de estas opciones.
¡Recibe nuevos artículos en tu email!
Si te ha gustado este artículo puedes suscribirte y recibir en tu correo todas las novedades de mi blog
Acepto el Aviso Legal
¡Suscríbeme!
5 Comentarios para “El Mejor Plugin para compartir tus posts de WordPress”
Deja un comentario
2 Trackbacks
- El Mejor Plugin para compartir tus posts de WordPress - SocialPyMedia
[…] los usuarios compartan tus posts de WordPress, SocialPyMedia te trae el siguiente post creado por Jaime Chicheri en el que nos presenta un plugin, el cuál, reune todas las redes sociales de actualidad en este […]
- Como analizar el comportamiento de tus urls / Dominios en medios sociales (Facebook y Twitter) - Blog sobre eCOmmerce, Revenue Management y Marketing Online
[…] En este enlace tenéis un ejemplo de el que considero que es el mejor plugin para compartir un blog. […]
Actualmente usamos Sharedaddy en nuestros wordpress, pero nos falta el Pinterest, aunque los desarrolladores no estan parados es cierto que a veces pueden ir un poco lentos (para nuestros gustos) asi que probablemente mandemos este plug al banco de pruebas y a ver que sale. Gracias Jaime
[…] los usuarios compartan tus posts de WordPress, SocialPyMedia te trae el siguiente post creado por Jaime Chicheri en el que nos presenta un plugin, el cuál, reune todas las redes sociales de actualidad en este […]
Hola. Quedo muy agradecida por tu recomendación del plugin y tus aportes con el cambio de código para mejorar la presentación. He seguido tus indicaciones, salvo la de quitar el botón de Digg que no es que me interese mucho, sino que me gustaría ver en su reemplazo el de LinkedIn. ¿Será muy complicado hacer eso?
Y por último, todo funciona muy bien, excepto porque el botón de Pinterest tarda mucho en cargar. Los demás botones sí cargan instantáneamente. ¿A qué se debe eso?
Bueno, gracias una vez más. Y ojalá puedas responder a mis consultas. Saludos…
Hola,
Gracias por tu comentario. en cuanto a lo de linkedin…todo es posible con programacion!
[…] En este enlace tenéis un ejemplo de el que considero que es el mejor plugin para compartir un blog. […]
Muchas gracias por el contenido. Llevaba mucho tiempo buscando un modo de que los plugins sociales se integraran bien en mi web, y gracias a ti por fin lo he conseguido.
Me alegro David! además tienes un blog muy interesante!