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
- 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
- Ejecute el siguiente código en el terminal:
npx create-react-app
cd
npm start - 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
- 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'; - 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
