Como crear un botón para compartir con Teams

Recientemente Microsoft ha publicado la nueva funcionalidad Share to Teams, con la que fácilmente podemos añadir un enlace a nuestra página web para compartir una url con nuestro Teams.

Añadiendo el botón para compartir con Teams

Para poder hacer esto, lo primero que tenemos que hacer es incluir un fichero javascript que nos ofrece Teams

<script async defer src="https://teams.microsoft.com/share/launcher.js" ></script>

Una vez que añadimos lo único que tenemos que hacer es incluir este código html en lugar que queramos de nuestra página incluyendo dentro del atributo data-href la url que queramos compartir

<div
  class="teams-share-button"
  data-href="https://<link-to-be-shared>" >
</div>

Ésto hara que se muestre un icono de Teams con el enlace a compartir la url que hayamos indicado

Podemos cambiar el tamaño del icono de la siguiente manera

<div
  class="teams-share-button"
  data-href="https://<link-to-be-shared>" 
  data-icon-px-size="64">
</div>

Experiencia Share to Teams

Al pulsar sobre el icono nos abrirá una ventana emergente donde podemos seleccionar el canal donde queremos compartir el enlace

Una vez seleccionado un canal y al pulsar en el botón compartir veremos nuestro enlace publicado en el canal que hayamos seleccionado

Please follow and like us: