Criando contador de visualizações com countapi

Nessa publicação quero ensinar como usar a API do site countapi.xyz, uma API que tem um único objetivo, mostrar a quantidade de visualizações em uma página. E ela trabalha de uma maneira muito diferente, já que cada visualização é adicionada quando se faz uma requisição para a API.

Criando o namespace da página

Para iniciar o contador é preciso informar para a API o nome do site, segue o exemplo abaixo:

https://api.countapi.xyz/create?namespace={nome_do_site}&enable_reset=1

Se tudo ocorrer bem, o site retorna um JSON informando a "key", que você vai precisar ter para fazer as requisições para a API futuramente.

Agora basta fazer uma requisição assíncrona para a API toda vez que a página for carregada usando o link abaixo substituindo pelas informações adquiridas na requisição anterior.

https://api.countapi.xyz/hit/{nome_do_site}/{key}

Usando Callback

A API ainda permite mais uma implementação, usando o parâmetro "callback" você consegue fazer a API retornar o valor diretamente para uma função.

https://api.countapi.xyz/hit/{nome_do_site}/{key}?callback={nome_da_funcao}

Agora basta criar uma função que recebe como parâmetro o JSON retornado da API.