Cómo personalizar Botones de comaprtir Pegadizos (imagen, URL y más)
¿Quieres personalizar el título, la descripción, la imagen o la URL que se muestra cuando un usuario comparte contenido en tu sitio web? Has llegado al lugar adecuado. (Si quieres aprender a personalizar tu Botones de comaprtir Embebidos, ve a aquí)
A menudo, el Protocolo de grafo abierto Las etiquetas rellenarán esta información con el contenido de tu página, pero puedes adaptarla para hacerla más relevante si no está extrayendo la información que quieres. Por ejemplo, si un usuario comparte tu página de inicio, puedes añadir una imagen de tu producto o proporcionar una descripción más convincente.
Due to the way Sticky Share Buttons are designed (i.e. they don’t need a placement code) you will need to manually add the following code inside the <body> of your site, preferably before the closing of the </body> tag (our script will deal with moving the div where it needs to go):
<strong>Properties in <div> tags</strong>
Depending on whether you want to simply set a universal URL or shortened URL, add the following tags in the tool placement code <strong><div class=”sharethis-sticky-share-buttons”></div></strong>.
| red de datos | Especifica en qué plataforma social se compartirá el contenido |
| Data-URL | Especifica la URL (se puede acortar la URL) que le gustaría compartir |
| datos-Short-URL | Especifica una URL abreviada que se puede utilizar junto con la URL de datos |
| Data-title | Especifica el título que deseas compartir (el asunto del correo electrónico en algunos canales de correo electrónico) |
| imagen de datos | Especifica el vínculo a la imagen que desea mostrar en el contenido compartido |
| datos-Descripción | Especifica texto de Resumen/Descripción que desea compartir |
| Data-username | Especifica tu nombre de usuario de Twitter |
| mensaje de datos | Especifica la copia corporal de las acciones de correo electrónico |
| data-email-subject | Especifica el asunto del correo electrónico |
Ejemplo: Este botón está configurado para compartir la página de inicio de ShareThis con el título "¡Compartir es genial!"
Notas
- Esta personalización no está disponible para todos los canales sociales. Por ejemplo, Facebook puede utilizar siempre etiquetas meta og: para la URL en lugar de estos valores.
- El atributo data-url le ayudará a establecer una URL específica (a pesar de la página que comparten los usuarios) o a añadir un enlace de seguimiento.
- Es posible que no se registre el recuento de comparticiones, ya que la URL compartida es diferente de la URL en la que se encuentran los botones.
Orden de precedencia
Es importante recordar el orden de precedencia por el cual el código ShareThis procesa las propiedades del recurso compartido. Generalmente, se recomienda utilizar un enfoque mediante el cual se especifiquen las propiedades de uso compartido en las páginas para evitar errores.
- Cualquier propiedad JavaScript especificada dinámicamente (es decir, la de mayor precedencia)
- Propiedades especificadas en las etiquetas (es decir, segunda prioridad)
- Etiquetas del Protocolo Open Graph (es decir, de menor precedencia)