Cómo añadir widgets de Social Media Share Count en WordPress

Anteriormente en este blog, creamos una Hoja de trucos de medios sociales para WordPress, pero eso sólo le mostró cómo añadir botones de medios sociales. A medida que los medios sociales crecen y la web madura, estamos viendo cada vez menos de los simples botones de los medios sociales. Los botones de medios sociales están siendo reemplazados por los widgets de recuento de acciones como tweetmeme retweet widget, digg counter, facebook share y más. En este artículo, le mostraremos cómo puede agregar diferentes botones de recuento de compartición de medios sociales en WordPress.

Agarra el Widget Original

La mayoría de los recuentos de acciones son una parte de JavaScript que debe recuperar del servicio de medios sociales. Este artículo también pretende servir como una ventanilla única. Usted puede venir aquí para encontrar la ubicación de los mejores servicios de medios sociales porque muchos de ellos hacen que sea realmente difícil de encontrar en sus sitios. El objetivo de este artículo es evitar el uso de tantos plugins como sea posible, por lo que cuando estés eligiendo el tipo de sitio elegido: Normal.

• Digg
• StumbleUpon
• Tweetmeme Retweet
• Compartir en Facebook
• Botón Facebook Like
• Reddit
• Njuice Google Buzz
• Esfina

Personalizando los Códigos

Debido a que elegimos el código para un sitio normal, es posible que tengamos que modificarlo para hacerlo compatible con WordPress. También vamos a mostrar sólo los botones compactos de recuento de acciones. Por supuesto, puede utilizar los códigos como guía para obtener diferentes tamaños.

Nota: Debe pegar todos estos códigos dentro de un bucle, muy probablemente en su archivo single.php .

Digg

1234567891011 "text/javascript">(function() {vars = 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);})(); DiggCompact ">">

Normalmente, no debería tener que añadir la parte href del área del enlace. Pero si no lo hace, y tiene comentarios o publicaciones paginadas, entonces el botón digg no funcionará en todas las páginas. Así que si la página principal fue enviada, la segunda página mostrará una URL de envío que permite a los usuarios enviar contenido duplicado a digg.

StumbleUpon

1 "http://www.stumbleupon.com/hostedbadge.php?s=1&r=">">

Tweetmeme Retweet

1234 "text/javascript">tweetmeme_source = 'AprenderWP'; tweetmeme_service = 'bit.ly'; tweetmeme_style = `compacto'; tweetmeme_url = ` '; "text/javascript "src="http://tweetmeme.com/i/scripts/button.js">

Asegúrate de cambiar la variable Tweetmeme_source a tu gestor de twitter. Ahora mismo es @AprenderWP. Así que cada vez que alguien haga clic mostrará RT @AprenderWP Post Title - Link. Estamos usando bit.ly como el servicio de acortamiento de enlaces, puedes cambiarlo por otros que ofrece tweetmeme, pero bit.ly es el mejor.

Compartir en Facebook

1 "fb_share "type="button_count "share_>Share "http://static.ak.fbcdn.net/connect.php/js/FB.Share "type="text/javascript">

Botón Facebook Like

Facebook Like Button es una herramienta fonemonal para el tráfico. Syed ha mostrado cómo ha ayudado en el pasado en nuestro boletín de WordPress.

1 "http://www.facebook.com/plugins/like.php?href=ID)); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light "scrolling="no "frameborder="0 "allowTransparency="true ">

Para ver más opciones vea Cómo añadir el botón de Facebook Like en WordPress.

Reddit

12345 "text/javascript">reddit_url = "";reddit_title = ""; "text/javascript "src="http://reddit.com/static/button/button1.js">

Njuice Google Buzz Count

Google Buzz no tiene una API activa que permita realizar un seguimiento de la cuenta. Hay algunas maneras de trabajar en torno a lo que le da algo de un recuento erróneo. Pero para aquellos usuarios que quieran tener un recuento de Google Buzz, aquí está la forma de añadirlo.

123456 "text/javascript">varnjuice_buzz_size = `pequeño';varnjuice_buzz_title = ';varnjuice_buzz_url = ` '; "text/javascript "src="http://button.njuice.com/buzz.js">">

Esfina

12 "text/javascript">submit_url = ''; "text/javascript "src="http://sphinn.com/evb/buttons.php?b=small">

Botón LinkedIn

1 "text/javascript "src="http://platform.linkedin.com/in.js">"in/share "data-data-counter="top">

Fuente: Cómo añadir un botón oficial de LinkedIn en WordPress

Esto es todo lo que necesitamos para que cada uno de estos widgets funcione perfectamente con WordPress. Ahora, puede que tenga que personalizar el estilo para que funcione con el diseño de su tema. Es mejor poner estos códigos sobre el código . También puede usar nuestro plugin Smart Sharing, para mostrar un icono flotante en su ventana.

¿Tienes otros widgets de medios sociales que te gustaría añadir? Háganoslo saber, y podremos conseguir los códigos aquí. Si está usando otro widget y tiene el código listo, por favor envíenoslo para que otros también puedan beneficiarse de él.