Como instalar ferramentas "ShareThis" no ReactJS

Para que estas ferramentas possam funcionar nas suas aplicações/sites ReactJs, por favor siga os passos abaixo para instalar os nossos Botões Partilhar, Botões Seguir, e/ou Botões de Reacção. Nota importante, pode saber mais sobre as ferramentas ShareThis Website, aqui.

Nota: O módulo ReactJS para ShareThis botões estão disponíveis dentro do nosso repositório Git ou NPMjs. Pode instalar a biblioteca dentro da sua aplicação ReactJS, usando este comando:

npm install --save sharethis-reactjs

  1. Se você ainda não tem um projeto pronto, você pode criar uma nova aplicação de reação aqui: https://reactjs.org/docs/create-a-new-react-app.html
  2. Execute o seguinte código no terminal:
npx create-react-app 
cd 
npm start
  1. No topo do seu arquivo de componentes, adicione a ferramenta ShareThis que você gostaria de utilizar em seu projeto. Nós suportamos o seguinte:
    • InlineReactionButtons
    • InlineShareButtons
    • StickyShareButtons
    • InlineFollowButtons

  2. Adicione o componente onde quiser que a ferramenta ShareThis apareça.
    import {InlineReactionButtons} from 'sharethis-reactjs';
    import {InlineShareButtons} from 'sharethis-reactjs';
    import {StickyShareButtons} from 'sharethis-reactjs';
    import {InlineFollowButtons} from 'sharethis-reactjs';
  3. Cada ferramenta tem um conjunto de atributos de configuração que podem ser utilizados para personalizar os seus botões. Ver abaixo para exemplos:

Nota

A Contagem de Acções está ligada ao URL, se não for fornecido nenhum URL nos atributos de configuração, utilizará o URL onde os botões estão localizados. Lembre-se de personalizar ou remover o URL no exemplo abaixo.

Botões de Partilha Inline

Botões Sticky Share

Botões de Seguimento Inline

Botões de Reacção em Linha

Uma vez concluída a configuração dos botões, adicione a(s) sua(s) rede(s) preferida(s). Abaixo estão as opções de rede que você pode escolher:

Partilha de Redes

Seguir Redes

Botões de Reacção