Cómo instalar las herramientas de ShareThis en ReactJS

Para que las herramientas de ShareThis funcionen en tus aplicaciones/sitios web de ReactJs, sigue los siguientes pasos para instalar nuestros botones de compartir, Botones de seguir, y/o Botones de reacción. Nota importante, puedes aprender más sobre las herramientas de ShareThis Website, aquí.

Nota: El módulo ReactJS para los botones ShareThis está disponible en nuestro Repositorio de Git O NPMjs. Puedes instalar la librería dentro de tu aplicación ReactJS, usando este comando:

npm install --save sharethis-reactjs

  1. Si aún no tienes un proyecto configurado, puedes crear una nueva react app aquí: https://reactjs.org/docs/create-a-new-react-app.html
  2. Ejecute el siguiente código en el terminal:
npx create-react-app 
cd 
npm start
  1. En la parte superior de su archivo de componentes, añada la herramienta ShareThis que desea utilizar en su proyecto. Apoyamos las siguientes:
    • InlineReactionButtons
    • InlineShareButtons
    • StickyShareButtons
    • InlineFollowButtons

  2. Añada el componente donde quiera que aparezca la herramienta ShareThis.
    import {InlineReactionButtons} from 'sharethis-reactjs';
    import {InlineShareButtons} from 'sharethis-reactjs';
    import {StickyShareButtons} from 'sharethis-reactjs';
    import {InlineFollowButtons} from 'sharethis-reactjs';

  3. Cada herramienta tiene un conjunto de atributos de configuración que se pueden utilizar para personalizar sus botones. Consulte los ejemplos que aparecen a continuación:

Nota

El recuento de acciones está vinculado a la URL, si no se proporciona ninguna URL en los atributos de configuración, utilizará la URL donde se encuentran los botones. Recuerde personalizar o eliminar la URL en el ejemplo siguiente.

Botones de comaprtir Embebidos

Botones de comaprtir Pegadizos

En línea Botones de seguir

En línea Botones de reacción

Una vez que haya terminado de personalizar la configuración de su botón, añada su(s) red(es) preferida(s). A continuación se muestran las opciones de red que puede elegir:

Compartir redes

Seguir las redes

Botones de reacción