Como Integrar o Botão de Compartilhamento

Para integrar o botão de compartilhamento em sua página, basta incluir o seguinte código:

<link rel="stylesheet" href="https://curtin.com.br/static/css/share-button.css">
<script src="https://curtin.com.br/static/js/share-button.js" defer></script>

<!-- Local onde o botão será inserido -->
<div class="curtin-share-container"></div>

Funcionamento

O botão de compartilhamento captura a URL da página em que está inserido, encurta essa URL através da API do Curtin e a compartilha usando a API de compartilhamento nativa do navegador (se suportada).

Recursos do Botão:

• Inclui um ícone antes do texto "Compartilhar".
• Feedback visual de sucesso ou erro.
• Animação de carregamento enquanto a URL está sendo processada.

Exemplo de Uso

Quando o botão de compartilhamento é adicionado ao site, ele aparecerá como mostrado abaixo:

O botão aparecerá automaticamente nesta localização e será totalmente funcional, pronto para capturar a URL da página e compartilhar.

Estilo Personalizado

O botão de compartilhamento foi projetado para ter um estilo próprio e não ser influenciado por estilos externos da página. Se desejar, você pode personalizar a aparência do botão ajustando as propriedades no arquivo share-button.css.

Melhores Práticas

• Certifique-se de que a página onde o botão é incluído tenha suporte à execução de JavaScript.
• Verifique se o seu servidor permite solicitações CORS, caso o botão esteja em um domínio diferente de curtin.com.br.