← Voltar

Documentação do Botão de Compartilhamento Curtin

Introdução

O botão de compartilhamento Curtin permite que qualquer site integre facilmente a funcionalidade de encurtamento e compartilhamento de URLs, utilizando a API do Curtin. Este botão é responsivo, estiloso e inclui feedback visual e uma animação de carregamento.

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:

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.

Exemplo de Resposta da API

Quando a URL é encurtada, a resposta da API do Curtin é semelhante a:

{
    "short_url": "https://curtin.com.br/Xyz123"
}

Melhores Práticas