Cómo agregar el botón de Google+ en tu sitio

Wigao · 30 Jun 2011

Ahora con esto de la nueva red social Google+, el botón tiene una mayor relevancia. Por eso les dejo un minitutorial para poder agregarlo.

Botón Pequeño (15 píxeles):

Insertar CODE, HTML o PHP:

<!-- Añade esta etiqueta en la cabecera o delante de la etiqueta body. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'es-419'}
</script>

<!-- Añade esta etiqueta donde quieras colocar el botón +1 -->
<g:plusone size="small"></g:plusone>

Botón Mediano (20 píxeles):

Insertar CODE, HTML o PHP:

<!-- Añade esta etiqueta en la cabecera o delante de la etiqueta body. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'es-419'}
</script>

<!-- Añade esta etiqueta donde quieras colocar el botón +1 -->
<g:plusone size="medium"></g:plusone>

Botón Estándar (24 píxeles):

Insertar CODE, HTML o PHP:

<!-- Añade esta etiqueta en la cabecera o delante de la etiqueta body. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'es-419'}
</script>

<!-- Añade esta etiqueta donde quieras colocar el botón +1 -->
<g:plusone></g:plusone>

Botón Alto (60 píxeles):

Insertar CODE, HTML o PHP:

<!-- Añade esta etiqueta en la cabecera o delante de la etiqueta body. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'es-419'}
</script>

<!-- Añade esta etiqueta donde quieras colocar el botón +1 -->
<g:plusone size="tall"></g:plusone>

Fuente: Enlace eliminado

Que lo disfruten.

verocp15 · 30 Jun 2011

Es mejor el que determina la url a la que se le va a agregar el +1

Insertar CODE, HTML o PHP:

<!-- Añade esta etiqueta en la cabecera o delante de la etiqueta body. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: "es-419"}
</script>

<!-- Añade esta etiqueta donde quieras colocar el botón +1 -->
<g:plusone href="www.tuweb.com"></g:plusone>

Wigao · 30 Jun 2011

verocp15 dijo:
Es mejor el que determina la url a la que se le va a agregar el +1

Insertar CODE, HTML o PHP:

 <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang: "es-419"} </script>  <g:plusone href="www.tuweb.com"></g:plusone>

Pero al colocarlo en los posts es imposible hacerlo como tu dices.

blogers · 30 Jun 2011

quien tiene este botn ya en sus blogs por que ami no me deja ponerlo mi codigo de pagina por que esta en ansi

djpao · 30 Jun 2011

ummm Full hermanoi gracias por eso..!

GabrielShiroma · 30 Jun 2011

Hola, se agradece la info, no había curioseado aún sobre el tema.

Saludos.

pedro salinas · 1 Jul 2011

pero es faicl instalarlo solo sige el tutorial y listo brothers

SoWhat · 1 Jul 2011

Si lo quiero colocar al lado del titulo de cada post, donde tengo que colocar el codigo?

looree · 1 Jul 2011

SoWhat dijo:
Si lo quiero colocar al lado del titulo de cada post, donde tengo que colocar el codigo?

En el single, al lado de la variable que muestra el titulo del post

nax · 1 Jul 2011

Hay un error muy gordo que he visto en varios blogs, tanto en blogs de forobeta como otros sitios...

Google +1 funciona de la siguiente forma en cuanto a que página agregar el +1

La prioridad es la siguiente:
- Si existe el href="" se usa ese
- Si existe canonical se usa ese
- Si no existe ninguno d elos dos se usa la dirección del navegador

Ahora...

que pasa con wordpresS?

Bueno.. el problema es el index... ya que solemos poner un +1 para cada post cuando, en realidad, lo único que conseguimos es que todos apunten a nuestro index...

Lo que hay que hacer es poner esto:

PHP:

<g:plusone href="<?php get_permalink(); ?>"></g:plusone>

En el loop-page.php... bueno, si no me equivoco la página cambia según el theme...

Pero básicamente get_permalink() trae el permalink de nuestra entrada y lo agrega..

así el +1 contará para la entrada y no para el index.

Hice un post hace 10 minutos en apuntes skamasle pero creo que poner el link se considera autobombo...

PD: no hay una versión "mejor" todo es lo mismo pero con diferentes parámetros.

SoWhat · 1 Jul 2011

nax dijo:
Hay un error muy gordo que he visto en varios blogs, tanto en blogs de forobeta como otros sitios...

Google +1 funciona de la siguiente forma en cuanto a que página agregar el +1

La prioridad es la siguiente:
- Si existe el href="" se usa ese
- Si existe canonical se usa ese
- Si no existe ninguno d elos dos se usa la dirección del navegador

Ahora...

que pasa con wordpresS?

Bueno.. el problema es el index... ya que solemos poner un +1 para cada post cuando, en realidad, lo único que conseguimos es que todos apunten a nuestro index...

Lo que hay que hacer es poner esto:

PHP:

<g:plusone href="<?php get_permalink(); ?>"></g:plusone>

En el loop-page.php... bueno, si no me equivoco la página cambia según el theme...

Pero básicamente get_permalink() trae el permalink de nuestra entrada y lo agrega..

así el +1 contará para la entrada y no para el index.

Hice un post hace 10 minutos en apuntes skamasle pero creo que poner el link se considera autobombo...

PD: no hay una versión "mejor" todo es lo mismo pero con diferentes parámetros.

Porfa coloca el link del post porque sinceramente no entendi nada de lo que escribiste, soy muy bruta con los códigos :stoned:

Wigao · 1 Jul 2011

La verdad a mi no me da ese problema que mencionas nax, todo está bien. Eso si el código del botón lo coloque en el single e index, no en un widget, tal vez al hacerlo así ya estaríamos hablando de lo que mencionas.

nax · 2 Jul 2011

Aún no he hecho el post completo.. .solo he hecho una introducción a ciertas bases de programación del boton +1
Enlace eliminado

Esta tarde intentaré hacer el como poner el boton en wordpress de forma optima.

@Wigao en el blog que tienes en twitter no pasa lo que comento dado que solo tienes un +1 que apunta al index y dentro de cada entrada tienes un +1 que apunta a cada entrada específica...

yo hablo de este ejemplo: apuntes.skamasle.com

si te fijas, hay un +1 por cada entrada.
En ese caso está bien configurado y cada +1 apunta a la entrada..
Ejemplo: (es parte del código que genera el tag de plusone)

Insertar CODE, HTML o PHP:

...url=http%3A%2F%2Fapuntes.skamasle.com%2F2011%2Fcomo-poner-el-boton-de-google-mas-1%2F&size=standard...

Sin embargo.. tenemos skamasle.com que sigue el mismo método pero sin agregar la función de wp que comenté antes y genera este code:

Insertar CODE, HTML o PHP:

...url=http%3A%2F%2Fskamasle.com%2F&size=tall..

Si te fijas... las de apuntes apuntan a un post concreto mientras que las de skamasle apuntan al index...

a esa situación me refiero..

Como dije antes, si pones el +1 dentro de la página del post este apuntará al post sin problemas.

benny · 2 Jul 2011

No probaron los plug-in de wordpress?

nax · 2 Jul 2011

Personalmente no me gusta tener 30 plugins metidos en el blog si puedo agregar una linea y hacer el mismo - o mejor trabajo...

aunque claro, depende de cada uno...

Wigao · 2 Jul 2011

También pienso que esta de más usar un plugin en este caso, es mejor usando solo el código.

Cómo agregar el botón de Google+ en tu sitio

Wigao

verocp15

Wigao

blogers

djpao

GabrielShiroma

pedro salinas

SoWhat

looree

nax

SoWhat

Wigao

nax

benny

nax

Wigao

Temas similares

Privacidad y transparencia

Privacidad y transparencia