Incorporar botones de redes sociales en WordPress

oTommy052 · 2011-08-30T17:37:33-0500

Hola compañeros,

Como ya he dicho soy novato en WordPress, y todavía no me entiendo muy bien con este sistema.

Lo que busco es añadir los ya típicos botones de 'Me gusta' (facebook), 'Tweet' (twitter) y '+1' (Google+) al lateral de mi blog, y los mismos más 'Compartir' (tuenti) al final de cada entrada. Me gustaría saber si hay algún plugin capaz de hacer esto, o de qué manera podría hacerlo.

Otra cosa que me gustaría añadir es un botón para 'Contacto', pero no sé crear un formulario para esto. Echadme una mano también en esto, por favor.

Gracias y un saludo.

krusty72 · 2011-08-31T10:45:24-0500

Pega este código en el single.php

PHP:

<!--twitter g+-->
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script><br><br>
<g:plusone size="tall"></g:plusone>
<script type="text/javascript">
  window.___gcfg = {lang: 'es-419'};

  (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>

Con ese código tendrás el botón para twitter y g+ en tus entradas, para facebook necesitas tener una fan page.

oTommy052 · 2011-08-31T15:49:14-0500

Gracias por el código. Por poner una pega, salen los 2 botones en vertical (uno debajo del otro), y me gustaría ponerlos en vertical.
Me interesaría también para la sidebar, no sólo para las entradas. Y si hace falta, pues tendré que crear una fanpage en facebook...

Gracias de nuevo, me sirvió mucho 😉

krusty72 · 2011-08-31T16:34:53-0500

En el código que pegué, borra los dos <br><br>

Así es, si quieres tener el botón de Me gusta de Facebook, primero debes crear tu Fan page :fatigue:

Sólo pega el mismo código en el sidebar.php

oTommy052 · 2011-08-31T17:36:16-0500

Gracias krusty72, me fue a la perfección. Me gustaría también un detalle que he visto en más blogs, y es que al pulsar el botón "tweet" salga un mensaje predeterminado.

Edito: sólo había probado lo de quitar los <br>, pero pegando el mismo código en el sidebar.php no me funcionó, ¿dónde tengo que pegarlo exactamente?

krusty72 · 1 Sep 2011

Mm no entendí lo del mensaje predeterminado en twitter.

Y lo del sidebar debería funcionar sin probelmas, te sugiero que lo insertes en la parte de hasta arriba para que sea visible a los visitantes. Mete los botones en un <div>

oTommy052 · 1 Sep 2011

Me refiero a que cuando pinchen en tweet, en su twitter salga un mensaje del tipo "Visiten URL de la web - descripción de la web".

Poniéndolo en la parte más arriba posible ya me fue; no me hizo falta la etiqueta <div>. Gracias.

nentab · 1 Sep 2011

No es necesario ninguna página de fans... :S

Puedes usar esto:

PHP:

<ul id="compartir">
    <li>
        <script type="text/javascript" src="http://widgets.tuenti.com/widgets.js"></script>
        <a href="http://www.tuenti.com/share" class="tuenti-share-button"></a>
    </li>
    <li>
        <iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;send=false&amp;layout=button_count&amp;width=180&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:180px; height:21px;" allowTransparency="true"></iframe>
    </li>
    <li>
        <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
        <a href="http://twitter.com/share?via=Triote1" class="twitter-share-button">Tweet</a>
    </li>
    <li>
        <script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'es'}</script>
        <g:plusone size="medium"></g:plusone>
    </li>
</ul>

Y dale estilo al #compartir.

MartyMcFly · 1 Sep 2011

Para el me gusta de Facebook no hace falta ninguna fan page.

oTommy052 · 2 Sep 2011

Gracias por el código nentab! Me quedo con el tuyo para las entradas y con el de krusty para el inicio. Gracias a ambos 🙂

nentab · 2 Sep 2011

oTommy052 dijo:
Gracias por el código nentab! Me quedo con el tuyo para las entradas y con el de krusty para el inicio. Gracias a ambos 🙂

De nada, para ayudar estamos. 🙂

krusty72 · 2 Sep 2011

Muy buena tu aportación nentab :encouragement:

Necesitaba el "Me gusta" pero había visto en facebook que se necesitaba una fan page, porque no me generaba el código.

nentab · 2 Sep 2011

krusty72 dijo:
Muy buena tu aportación nentab :encouragement:

Necesitaba el "Me gusta" pero había visto en facebook que se necesitaba una fan page, porque no me generaba el código.

Nah, se puede usar el botón sin fan page. ^^

Me alegra que te sirva también. 😀

krusty72 · 2 Sep 2011

Oye nentab.

El código que yo inserté aquí, es el de los botones grandes con el contador debajo del botón, quisiera ese mismo botón para el de facebook, como lo cambio?

Volví a entrar a facebook para copiar el código del me gusta pero me sigue saliendo el mensaje que Sólo desarrolladores verificados pueden ser añadidos como desarrolladores listados de esta aplicación.......:ambivalence:

nentab · 2 Sep 2011

krusty72 dijo:
Oye nentab.

El código que yo inserté aquí, es el de los botones grandes con el contador debajo del botón, quisiera ese mismo botón para el de facebook, como lo cambio?

Volví a entrar a facebook para copiar el código del me gusta pero me sigue saliendo el mensaje que Sólo desarrolladores verificados pueden ser añadidos como desarrolladores listados de esta aplicación.......:ambivalence:

Prueba con esto, pero no estoy seguro, porque desde hace dos días, no me sale el contador en el grande... :S

HTML:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;send=false&amp;layout=box_count&amp;width=180&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:180px; height:21px;" allowTransparency="true"></iframe>

oTommy052 · 2 Sep 2011

krusty72 dijo:
El código que yo inserté aquí, es el de los botones grandes con el contador debajo del botón, quisiera ese mismo botón para el de facebook, como lo cambio?

También yo estoy interesado en este botón grande.

nentab · 2 Sep 2011

Es el que os dejé arriba.

Jorge02 · 21 Sep 2011

Haber si puedo ayudar algo el codigo que dejo nentab es el correcto solo necesita un poco mas de trabajillo, les dejo este haber si les funciona.

HTML:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;send=false&amp;layout=box_count&amp;width=220&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:80px;" allowTransparency="true"></iframe>

PD; si alguien necesita alguno codigo que necesite validacion como desarrollador solo mandeme MP con los datos y se los paso.

jaguar · 23 Sep 2011

Yo uso el plugin de shareThis; ahora incluye el boton +1 de google, el de twitter y el me gusta de facebook; además de los marcadores tradicionales; salvo sus mejores opiniones a mi me parece una forma sencilla de contar con todos los marcadores en un solo plugin.

Incorporar botones de redes sociales en WordPress

oTommy052

krusty72

oTommy052

krusty72

oTommy052

krusty72

oTommy052

nentab

MartyMcFly

oTommy052

nentab

krusty72

nentab

krusty72

nentab

oTommy052

nentab

Jorge02

jaguar

Temas similares