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

  • Autor Autor Wigao
  • Fecha de inicio Fecha de inicio
Wigao

Wigao

Pi
SEO
Verificación en dos pasos activada
¡Ha verificado su Paypal!
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.
 
Última edición:
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>
 
verocp15 dijo:
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>
Hacer clic para expandir...

Pero al colocarlo en los posts es imposible hacerlo como tu dices.
 
quien tiene este botn ya en sus blogs por que ami no me deja ponerlo mi codigo de pagina por que esta en ansi
 
ummm Full hermanoi gracias por eso..!
 
Hola, se agradece la info, no había curioseado aún sobre el tema.

Saludos.
 
pero es faicl instalarlo solo sige el tutorial y listo brothers
 
Si lo quiero colocar al lado del titulo de cada post, donde tengo que colocar el codigo?
 
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.
 
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.
Hacer clic para expandir...

Porfa coloca el link del post porque sinceramente no entendi nada de lo que escribiste, soy muy bruta con los códigos :stoned:
 
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.
 
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.
 
No probaron los plug-in de wordpress?
 
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...
 
También pienso que esta de más usar un plugin en este caso, es mejor usando solo el código.
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

L
Cómo agregar botón WhatsApp en HTML
Respuestas
3
Visitas
255
LabConker
L
YadaHost.com
Cómo agregar un botón de instalación de la aplicación en los resultados de búsqueda de Google
Respuestas
5
Visitas
383
navil18
navil18
A
¿Cómo agregar el botón VER MÁS en enlaces compartidos en Facebook? (Ayuda necesaria)
Respuestas
1
Visitas
137
BotBeta
BotBeta
Javyarvizupsy
Cómo agregar el botón 'Me gusta' junto con la opción de seguir en mi página de Facebook
Respuestas
5
Visitas
271
Angelitooo
Angelitooo
A
Cómo agregar un botón que redirige a un popup de registro o inicio de sesión en Wordpress-Woocommerce
Respuestas
1
Visitas
362
AryaStark
AryaStark
Atrás
Arriba