Como Criar um Script de Contador de Visitas para o seu Blogger

Claro, vou te ajudar a criar um script de contador de visitas para o seu Blogger. Aqui está um script básico em JavaScript que você pode adicionar ao seu blog:

Passo 1: Criar um banco de dados para armazenar contagens de visitas

Você precisará de um serviço para armazenar e recuperar contagens de visitas. O Firebase é uma boa opção gratuita para isso. Se você ainda não tem uma conta, crie uma em Firebase.


Passo 2: Configurar o Firebase

  1. Crie um novo projeto no Firebase.
  2. Adicione um aplicativo web ao projeto e copie as configurações do Firebase.
  3. Habilite o Firestore Database em modo de teste.

Passo 3: Adicionar o Script ao seu Blogger

  1. No painel do Blogger, vá para "Tema" e depois "Editar HTML".
  2. Adicione o seguinte código dentro da tag <head> ou <body> do seu HTML:
    
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"></script>

    <script>
      // TODO: Replace the following with your app's Firebase project configuration
      var firebaseConfig = {
        apiKey: "YOUR_API_KEY",
        authDomain: "YOUR_PROJECT_ID.firebaseapp.com",
        projectId: "YOUR_PROJECT_ID",
        storageBucket: "YOUR_PROJECT_ID.appspot.com",
        messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
        appId: "YOUR_APP_ID",
        measurementId: "YOUR_MEASUREMENT_ID"
      };

      // Initialize Firebase
      firebase.initializeApp(firebaseConfig);
      var db = firebase.firestore();

      function updateVisitCount() {
        var pageRef = db.collection("visits").doc("counter");

        pageRef.get().then((doc) => {
          if (doc.exists) {
            var newCount = doc.data().count + 1;
            pageRef.update({ count: newCount });
            document.getElementById("visitCount").innerText = newCount;
          } else {
            pageRef.set({ count: 1 });
            document.getElementById("visitCount").innerText = 1;
          }
        }).catch((error) => {
          console.log("Error getting document:", error);
        });
      }

      window.onload = updateVisitCount;
    </script>

Passo 4: Publicar e Verificar

Salve as alterações no seu tema do Blogger.

Acesse seu blog e veja o contador de visitas em ação.

Este script básico utiliza o Firebase Firestore para armazenar e recuperar a contagem de visitas. Certifique-se de substituir YOUR_API_KEY, YOUR_PROJECT_ID, YOUR_MESSAGING_SENDER_ID, YOUR_APP_ID, e YOUR_MEASUREMENT_ID pelas configurações do seu projeto Firebase.

Esperamos que esse tutorial te ajude a implementar um contador de visitas no seu Blogger. Se tiver dúvidas ou precisar de mais ajuda, deixe um comentário abaixo!