Cómo añadir la insignia «Añadir a los círculos» de Google+ a WordPress

Cómo añadir la insignia «Añadir a los círculos» de Google+ a WordPress

Debes tener en cuenta que Google más uno en tu contenido y el uso compartido de contenido en Google+ mejora el ranking del motor de búsqueda. Ya hemos compartido cómo añadir el botón de Google+ y los comentarios de Google+ a un sitio de WordPress. En esta entrada veremos cómo añadir la insignia «Añadir a los círculos» de Google+ a WordPress.

Antes de seguir los pasos para añadir la insignia Google+, veamos los tipos deinsignias

Insignia

Como puedes ver, Google+ proporciona diferentes tipos de distintivos como la página de perfil (para el autor, los colaboradores, etc.), el distintivo de página de Google+ (para la página de la marca de tu sitio web en G+) y los distintivos de la Comunidad.

¿Cómo se añade la insignia de Google+ al sitio de WordPress?

1) Añade manualmente el código a la plantilla del tema para la insignia de Google+.
2) El plugin de WordPress para añadir el widget de la insignia de Google+ al sitio

1) Añadir manualmente el código a la plantilla del tema para la insignia de Google+.

Accede a la página de Google+badge – desarrolladores e introduce la url de Google+ en el campo de usuario de Google+.

Pantalla de configuración de la insignia de Google+

Elija las opciones como la foto de la portada, el lema, el ancho, la carga asíncrona, etc. y copie el código que se vería como el siguiente –

<Esto es para el botón: Coloca esta etiqueta donde quieras que el widget se renderice. --><div class="g-page" data-layout="landscape" data-rel="publisher"></div><!-- Es un guión: Coloca esta etiqueta después de la última etiqueta del widget. --><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>

La mayoría de las veces, preferimos tener la insignia en la barra lateral, así que ve a Apariencia « Widgets « Widget de texto, copia el código anterior y guárdalo. ¡¡Eso es!! la placa debería aparecer en tu barra lateral.

Diseño de retrato:

La insignia de abajo tiene un diseño vertical. El código compartido de arriba es para diseño de paisaje. No es necesario mencionar la disposición de los datos ya que es una disposición por defecto. El código del botón para esta disposición es:

<!-- Placa estilo retrato --><div class="g-page" data-rel="publisher"></div>

diseño de retrato Google plus badge

Diseño de paisaje:

Así es como se ve la insignia de estilo apaisado. El campo de datos de diseño puede ser configurado como paisaje para tener este diseño.

<!-- Placa de estilo apaisado --><div class="g-page" data-layout="landscape" data-rel="publisher"></div>

Placa panorámica de Google+.

2) Plugin de WordPress para añadir el widget de Google+ al sitio

Descarga el nuevo complemento del widget de la insignia de Google+, súbelo, instálalo y actívalo. Se añadirá un widget al blog al activar este plugin. Configura los ajustes del propio widget como se muestra a continuación y guárdalo.

Nuevo complemento de wordpress para el widget de Google+ badge

Conclusión

Añadir la insignia de Google+ a su sitio es fácil y beneficioso, ya que los lectores, a quienes les encanta su contenido, tendrán la oportunidad de conocerle mejor y de seguirle en Google+. Esto también es bueno para el tráfico del sitio web. También hemos compartido los tutoriales para añadir Facebook like y el botón de twitter a un sitio de WordPress. Haznos saber si tienes algún problema mientras sigues los pasos mencionados anteriormente.

Deja una respuesta