google plus one - one - Google+1 personalizado de texto e imagen
google+ web (4)
¿Has revisado los documentos de Google? http://code.google.com/apis/+1button/
¿Alguien sabe cómo cambiar la imagen y el texto del botón Google +1 que aparece en su perfil de Google? Tengo un sitio web y quiero configurar texto e imagen personalizados para cuando las personas presionen el botón +1. Esta información aparece en su perfil de Google debajo de "+1" si no lo sabe.
En resumen, hay una manera de que el botón Google +1 funcione de la misma manera que el botón Me gusta de Facebook en lo que respecta a la configuración del texto y la imagen personalizados que aparecen en su perfil cuando hace clic en él.
De acuerdo. Después de mucho ruido y muchas cosas, muchos enlaces a mi perfil más tarde ...
Así es como lo haces. (la "publicación" a la que me refiero es la entrada en la página +1 de su perfil en google +, la "página de destino" es la página a la que se refiere con la etiqueta del botón +1).
- El título de la publicación en la página de destino es lo que se lee como el título de la publicación.
- El contenido de la publicación se extrae del primer bloque de texto de la página de destino.
- La imagen de la publicación (como en el pulgar) es la primera imagen que se encuentra en la página.
- El nombre del sitio (en azul) es el dominio de su página.
Primero, cree un en el cuerpo de la página de destino y establezca el atributo de estilo del div en: "position: absolute; top: -1000px; left: -1000px;"
a continuación, haga que la página incluya una etiqueta de título en el encabezado que desea tener en la publicación. esto naturalmente sería como debería llamarse la página de todos modos.
luego, incluya en el div que creó una copia de la imagen que desea mostrar como el pulgar en la publicación, no se moleste en incluir atributos de tamaño en la etiqueta img, google la ignora. También parece ignorar cualquier cosa que no sea una imagen (es decir, un script de cambio de tamaño escrito en php que toma un archivo como parámetro).
por último, agregue el contenido / texto del cuerpo de la publicación en el div después de la imagen. No tengo idea de cuánto texto puedes tener.
Y eso es. Bueno, es google así que evolucionará, pero eso es lo que funciona para mí.
Dave
La mejor manera es usar el formato de microdatos Schema.org, como puede ver en este ejemplo de la documentación de Google:
<body itemscope itemtype="http://schema.org/Product">
<h1 itemprop="name">Shiny Trinket</h1>
<img itemprop="image" src="{image-url}" />
<p itemprop="description">Shiny trinkets are shiny.</p>
</body>
En detalle:
Agrega estos atributos a tu cuerpo:
<body itemscope itemtype="http://schema.org/Product">Título de la página a utilizar:
<h1 itemprop="name">Shiny Trinket</h1>Imagen a utilizar:
<img itemprop="image" src="{image-url}" />Descripción a utilizar:
<p itemprop="description">Shiny trinkets are shiny.</p>
Puedes hacerlo configurando su opacidad a " 0 ".
He hecho con éxito eso ...