Añadir botones para compartir en Twitter y Facebook

Botón para compartir en Linkedin

La barra flotante para compartir se bloqueará en el lateral de la página en ordenadores de sobremesa y se pegará a la parte inferior de la pantalla en móviles. Esta herramienta permite a los visitantes compartir contenidos fácilmente mientras se desplazan por la página sin interponerse en el contenido.

Los botones para compartir en línea se integran perfectamente en el contenido y hacen que compartir sea una parte natural de la experiencia web. Usted controla exactamente su ubicación en la página. Las empresas de comercio electrónico y los editores han utilizado botones para compartir en línea en sus páginas de productos y recetas.

Ofrezca a sus visitantes la opción de compartir imágenes específicas directamente desde su sitio. Cuando los visitantes pasen el ratón por encima de una imagen, aparecerá la herramienta Compartir imagen. Está activada por defecto en las imágenes que tienen al menos 200×200 píxeles, pero puede establecer qué imágenes no desea que se puedan compartir.

La ventana emergente de botones para compartir ocupa un lugar central en tu página. Actúa como un recordatorio para que tus visitantes compartan el contenido en sus redes sociales favoritas. Diseñado tanto para ordenadores de sobremesa como para móviles, no es necesario añadir código personalizado para garantizar su compatibilidad con dispositivos móviles.

¿Cómo añado botones para compartir en Facebook y Twitter a mi sitio web?

Para generar un botón de compartir de Facebook, visita https://developers.facebook.com/docs/plugins/share-button y especifica la URL que quieres que la gente comparta, así como el ancho. A continuación, genera el código y pégalo en tu sitio donde quieras que aparezca el botón.

  Cómo migrar tu WordPress de hosting usando Duplicator

¿Cómo añado botones sociales a la aplicación?

El primer paso es añadir el icono de compartir en redes sociales a tu aplicación. Te recomiendo que utilices uno de los conjuntos de iconos gratuitos, como Iconic. Aquí hay un svg para un icono de compartir de Iconic, y aquí está la versión png: Crea el botón en tu aplicación y coloca el icono de compartir de arriba como el estado no presionado.

Botón para compartir html

Copie y pegue el ejemplo de código en su sitio web. Ajuste el valor data-href a la URL de su sitio web. A continuación, utilice las metaetiquetas og:*** para ajustar la vista previa del enlace. og:url y data-href deben utilizar la misma URL.

true significa utilizar el mecanismo de carga lenta del navegador estableciendo el atributo loading=”lazy” iframe. El efecto es que el navegador no renderiza el plugin si no está cerca de la ventana gráfica y puede que nunca se vea. Puede ser true o false (por defecto).

data-mobile_iframeSi se establece en true, el botón de compartir abrirá el diálogo de compartir en un iframe (en lugar de una ventana emergente) en la parte superior de su sitio web en móviles. Esta opción sólo está disponible para móviles, no para ordenadores de sobremesa. Para obtener más información, consulte Mobile Web Share Dialog.falsesize

Botón para compartir en Instagram

Estos botones sirven para promover la presencia de su empresa en varias redes sociales y le ayudan a generar fans/seguidores para esas cuentas en particular. Al colocar estos botones en el sitio web de su empresa, puede ayudar a crear visibilidad para sus cuentas de redes sociales y ampliar fácilmente su alcance allí.

  Tablas sin bordes

Estos enlaces y botones permiten a los visitantes de tu sitio web y a los espectadores de tus contenidos compartirlos fácilmente con sus contactos y redes sociales. Añadir estos botones a su contenido le permite ampliar el alcance de su contenido a nuevas audiencias y generar nuevos visitantes de vuelta a su sitio web.

Este botón es ideal para animar a los visitantes a tuitear sobre determinados hashtags que estés promocionando, como eventos o campañas de marketing específicas. Añade estos botones a las páginas de estas campañas o eventos para difundir y promocionar el evento y su hashtag. (Para obtener más información sobre el uso de hashtags, consulta esta entrada del blog).

Por suerte, existe una magnífica herramienta gratuita que te ayudará a crear fácilmente enlaces “Tweet This” para tus contenidos. Sólo tienes que visitar http://clicktotweet.com, introducir el mensaje con el que quieres rellenar el tuit y hacer clic en “Generar nuevo enlace”, y luego copiar/pegar la URL generada en tu texto de anclaje (por ejemplo, “¡Tuitea esto!”):

Html compartir enlace

Estos botones sirven para promocionar la presencia de su empresa en varias redes sociales y le ayudan a generar fans/seguidores para esas cuentas concretas. Al colocar estos botones en el sitio web de su empresa, puede ayudar a crear visibilidad para sus cuentas de redes sociales y ampliar fácilmente su alcance allí.

Estos enlaces y botones permiten a los visitantes de tu sitio web y a los espectadores de tus contenidos compartirlos fácilmente con sus contactos y redes sociales. Añadir estos botones a su contenido le permite ampliar el alcance de su contenido a nuevas audiencias y generar nuevos visitantes de vuelta a su sitio web.

  Aprender CSS – Cambiar tipos de letra y estilos

Este botón es ideal para animar a los visitantes a tuitear sobre determinados hashtags que estés promocionando, como eventos o campañas de marketing específicas. Añade estos botones a las páginas de estas campañas o eventos para difundir y promocionar el evento y su hashtag. (Para obtener más información sobre el uso de hashtags, consulta esta entrada del blog).

Por suerte, existe una magnífica herramienta gratuita que te ayudará a crear fácilmente enlaces “Tweet This” para tus contenidos. Sólo tienes que visitar http://clicktotweet.com, introducir el mensaje con el que quieres rellenar el tuit y hacer clic en “Generar nuevo enlace”, y luego copiar/pegar la URL generada en tu texto de anclaje (por ejemplo, “¡Tuitea esto!”):