Archivio Blogger

Guida a Google Reader Revenue Manager: Come caricare i caratteri

noreply@blogger.com (Pierluigi Soraci) — Tue, 3 Nov 2026 16:19:00 +0100

Puoi caricare i caratteri come file .ttf oppure .otf. Le dimensioni massime dei file dei caratteri caricati sono di 1 MB. Se non carichi file dei caratteri, i prodotti Google mostrano i caratteri predefiniti.

Suggerimento: le famiglie di caratteri in genere contengono 4 stili di carattere, ovvero normale, grassetto, corsivo e grassetto corsivo.

Per caricare i caratteri:

Sul computer, vai al Centro editori.
In alto a destra, fai clic sul menu Pubblicazione sulle impostazioni della pubblicazione .
In alto a sinistra, fai clic su Stili visivi.
Nella sezione "Caratteri caricati", fai clic su Aggiungi famiglia di caratteri.
Assegna un nome alla famiglia di caratteri.
Fai clic su Aggiungi carattere.
Nella sezione "File del carattere", fai clic sulla freccia rivolta verso il basso Carica carattere.
Seleziona il file del carattere che vuoi caricare e fai clic su Apri.
- Al termine del caricamento il campo "File del carattere" viene completato con il nome del file.
Fai clic su Salva.

Suggerimento: puoi trovare i caricamenti nella sezione "Caratteri", in cui viene mostrato un riepilogo dei file dei caratteri caricati.

Per modificare i caratteri caricati:

Fai clic su Modifica.
Procedi con le modifiche che vuoi apportare.
Fai clic su Salva.

Guida a Google Reader Revenue Manager: Come aggiungere immagini

noreply@blogger.com (Pierluigi Soraci) — Tue, 27 Oct 2026 16:16:00 +0100

Per Reader Revenue Manager e Google News Showcase, puoi aggiungere i tuoi loghi nel Publisher Center per:

Brand e rappresentazione della pubblicazione
Personalizzazione dell'esperienza utente

Importante: per Google News al di fuori dei pannelli Google News Showcase o della scheda "Notizie" della Ricerca Google, i loghi nel Publisher Center non vengono utilizzati.

Per i loghi degli editori, Google News e la Ricerca Google utilizzano le favicon.

Scopri come definire una favicon.

Aggiungere un logo quadrato

Per caricare un logo, l'immagine deve rispettare i seguenti requisiti:

Formato: .png (consigliato), .jpeg.
Dimensioni: 1000 x 1000 px (consigliate), 512 x 512 px (minime).

Suggerimento: consigliamo di utilizzare icone con colori a tinta unita, senza angoli arrotondati o sfumature ed effetti superflui. Ti consigliamo anche di utilizzare uno sfondo trasparente e non bianco.

Per caricare un file immagine:

Sul computer, vai al Centro editori.
Nella sezione "Altre opzioni", fai clic su Gestisci la tua pubblicazione e la tua organizzazione Modifica le impostazioni di pubblicazione.
Seleziona Stili visivi.
Nella sezione Logo quadrato, fai clic su Aggiungi logo.
Dopo aver caricato il logo, fai clic su Salva in alto a destra.

Suggerimento: per modificare un logo quadrato esistente, puoi seguire la stessa procedura.

Aggiungere un logo rettangolare

I partner di Google News Showcase possono aggiungere un logo rettangolare da mostrare nei pannelli Google News Showcase. Fornisci le versioni sia per il tema chiaro sia per quello scuro.

Per caricare il logo rettangolare, l'immagine deve rispettare i requisiti che seguono.

Testo: includi il nome completo della pubblicazione e assicurati che il testo sia leggibile indipendentemente dalle dimensioni dell'immagine.
Formato: carica l'immagine in formato .png.
Larghezza: consigliamo 400 px e minimo 200 px.
Rapporto massimo altezza/larghezza: 10:1.
- Ad esempio, se la larghezza è di 2000 px, l'altezza non può essere inferiore a 200 px.
Spaziatura interna: se l'immagine ha:
- Tratti ascendenti e nessun tratto discendente, aggiungi una spaziatura interna sotto l'immagine in modo che corrisponda.
- Tratti discendenti e nessun tratto ascendente, aggiungi una spaziatura interna sopra l'immagine in modo che corrisponda.
- Tratti ascendenti e discendenti, assicurati che i margini superiore e inferiore della linea mediana del testo siano uguali.

Per caricare un file immagine:

Sul computer, vai al Centro editori.
Nella sezione "Altre opzioni", fai clic su Gestisci la tua pubblicazione e la tua organizzazione Modifica le impostazioni di pubblicazione.
Seleziona Stili visivi.
Nella sezione Logo rettangolare, carica il tuo logo:
Per caricare un file con tema chiaro, fai clic su Aggiungi logo con tema chiaro.
Per caricare un file con tema scuro, fai clic su Aggiungi logo con tema scuro.
Al termine del caricamento, fai clic su Salva in alto a destra.

Suggerimento: se vuoi modificare un logo rettangolare con tema chiaro o scuro già esistente, puoi seguire la stessa procedura.

Come aggiungere icone dinamiche (Sole/Luna) nel sistema di Dark Mode del tuo blog.

noreply@blogger.com (Pierluigi Soraci) — Sat, 24 Oct 2026 13:50:00 +0200

Per completare il sistema di Dark Mode del tuo blog e offrire ai lettori un controllo manuale immediato, puoi aggiungere un pulsante interattivo fluttuante con icona dinamica (Sole/Luna).

Questo script ricorderà la preferenza del lettore tramite il localStorage del browser e applicherà o rimuoverà una classe dedicata per la modalità scura in tempo reale.

1.Aggiungi la grafica del pulsante toggle:Stile CSS.

Accedi alla dashboard di Blogger, seleziona Tema, clicca sui tre puntini accanto a Personalizza e scegli Modifica HTML.

Individua il tag di chiusura ]]></b:skin> e inserisci subito prima questo blocco CSS. Verrà posizionato nell'angolo in basso a sinistra (speculare rispetto al pulsante "Torna su"):

CSS

/* Pulsante flottante per il cambio tema */
.theme-toggle-btn {
  position: fixed;
  bottom: 30px;
  left: 30px;
  width: 44px;
  height: 44px;
  background-color: var(--card-bg, #ffffff);
  color: var(--heading-color, #111827);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  z-index: 999;
  box-sizing: border-box;
}

.theme-toggle-btn:hover {
  background-color: #2563eb;
  color: #ffffff;
  border-color: #2563eb;
  transform: translateY(-3px);
}

/* Definizione delle variabili CSS per la modalità scura (se non già configurate) */
body.dark-mode {
  --bg-color: #0f172a;
  --card-bg: #1e293b;
  --text-color: #94a3b8;
  --heading-color: #f8fafc;
  --border-color: #334155;
  background-color: var(--bg-color);
  color: var(--text-color);
}

Verifica: Il CSS definisce un pulsante circolare pulito e le regole di override per i colori quando la classe .dark-mode è attiva sul corpo della pagina.

2.Aggiungi lo script di gestione dinamica e memoria:Logica JavaScript.

Sempre nell'editor HTML, posizionati subito prima del tag di chiusura </body> e incolla questo script. Si occuperà di generare il pulsante, verificare le preferenze salvate in precedenza dal visitatore e aggiornare l'icona ( Luna / ☀️ Sole) all'istante:

HTML

<script>
  document.addEventListener("DOMContentLoaded", function() {
    // Crea dinamicamente il pulsante toggle
    const toggleBtn = document.createElement("button");
    toggleBtn.className = "theme-toggle-btn";
    toggleBtn.title = "Attiva/Disattiva Modalità Scura";

    // Funzione per impostare l'icona corretta
    function updateIcon(isDark) {
      toggleBtn.innerHTML = isDark ? "☀️" : "";
    }

    // Controlla se c'è una preferenza salvata o se il sistema operativo la richiede
    const savedTheme = localStorage.getItem("blog_theme");
    const systemPrefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;

    if (savedTheme === "dark" || (!savedTheme && systemPrefersDark)) {
      document.body.classList.add("dark-mode");
      updateIcon(true);
    } else {
      updateIcon(false);
    }

    // Gestisce il clic del lettore
    toggleBtn.addEventListener("click", function() {
      document.body.classList.toggle("dark-mode");
      const isDark = document.body.classList.contains("dark-mode");
      
      // Salva la scelta nel browser
      localStorage.setItem("blog_theme", isDark ? "dark" : "light");
      updateIcon(isDark);
    });

    // Inserisce il pulsante nel documento
    document.body.appendChild(toggleBtn);
  });
</script>

Verifica: Lo script legge le preferenze dell'utente e commuta lo stato visivo senza sfarfallii all'apertura delle pagine.

3.Salva e verifica sul blog:Salvataggio e Test.

Clicca sull'icona del dischetto in basso a destra per salvare le modifiche al tema. Apri il blog in una scheda pulita.

Verifica: Nell'angolo in basso a sinistra apparirà un pulsante tondo con l'icona della luna o del sole. Cliccandoci sopra, l'intero design del blog (card, sfondi, bordi e testi) passerà istantaneamente alla modalità scura o chiara, memorizzando la scelta anche se cambi pagina o ricarichi il sito.

Come la velocità di caricamento dei font su Blogger.

noreply@blogger.com (Pierluigi Soraci) — Wed, 21 Oct 2026 13:47:00 +0200

Per ottimizzare la velocità di caricamento dei font su Blogger ed eliminare i ritardi di rendering o i fastidiosi sfarfallii del testo (notoi come FOIT - Flash of Invisible Text), puoi applicare tre strategie chiave direttamente nell'intestazione del tuo tema: connessione anticipata (preconnect), gestione del rendering (display=swap) e selezione mirata dei pesi.

1.Apri l'editor HTML del tema:Accesso al codice.

Accedi alla dashboard di Blogger, seleziona Tema, clicca sui tre puntini accanto a Personalizza e scegli Modifica HTML.

Verifica: L'editor del codice sorgente del blog risulta aperto.

2.Aggiungi i tag Preconnect ed il Prefetch:Connessione Anticipata.

Individua il tag di apertura <head> del tuo template. Subito dopo, inserisci queste righe. Servono a dire al browser di stabilire una connessione sicura con i server di Google Fonts ancor prima che inizi a leggere il codice dei fogli di stile:

HTML

<!-- Connessione anticipata ai server dei font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">

Verifica: Questo riduce drasticamente il tempo di latenza (Time to First Byte per i font).

3.Forza la visualizzazione immediata del testo di sistema:Parametro display=swap.

Quando richiami il tuo font da Google Fonts (ad esempio Inter, Roboto o Fira Code), assicurati che l'URL termini sempre con il parametro &display=swap. Questo comando dice al browser di mostrare immediatamente un font di sistema provvisorio, impedendo che la pagina resti con testi bianchi o invisibili durante il caricamento:

HTML

<!-- Esempio di chiamata ottimizzata per Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">

Verifica: Se nel tuo tema hai già dei font caricati, controlla che all'interno del link sia presente la stringa &display=swap. Se manca, aggiungila manualmente alla fine dell'URL.

4.Carica solo i pesi essenziali:Leggerezza dei pesi.

Evita di importare intere famiglie tipografiche con tutti i pesi disponibili (da 100 a 900). Se nel tuo design system usi solo il testo normale (400), il semigrassetto (600) e il grassetto (700), importa solo quelli (come nell'esempio precedente con wght@400;600;700). Ogni peso in più appesantisce il file da scaricare, rallentando la pagina.

5.Salva e verifica le performance:Salvataggio e Test.

Clicca sull'icona del dischetto in basso a destra per salvare le modifiche al tema di Blogger.

Verifica: Eseguendo un test di velocità (ad esempio con Google PageSpeed Insights), noterai un miglioramento nei parametri relativi al CLS (Cumulative Layout Shift) e all'LCP (Largest Contentful Paint), poiché il testo apparirà subito senza bloccare il caricamento della pagina.

Google Reader Revenue Manager, confronto con Substack e Patreon

noreply@blogger.com (Pierluigi Soraci) — Sat, 17 Oct 2026 13:47:00 +0200

Scegliere tra Google Reader Revenue Manager, Substack e Patreon dipende interamente da dove pubblichi i tuoi contenuti e da quanto controllo vuoi mantenere sul tuo brand.

Nel 2026, il panorama della "Creator Economy" si è consolidato: non sono semplici concorrenti, ma strumenti con scopi profondamente diversi. Ecco un confronto dettagliato per aiutarti a decidere.

1. Google Reader Revenue Manager (GRRM)

A differenza degli altri due, non è una piattaforma di hosting, ma un set di strumenti per chi ha già un proprio sito web (su WordPress, Ghost o custom).

Punto di forza: L'integrazione nativa con l'ecosistema Google. Permette ai lettori di abbonarsi con due clic tramite Google Pay.
Target: Editori, testate giornalistiche locali e blogger che possiedono un dominio proprio e vogliono monetizzare il traffico SEO.
Vantaggio SEO: I contenuti abbonati possono apparire con evidenza nei pannelli "Dalle tue iscrizioni" in Google Search e Discover.
Costi: Lo strumento è gratuito, ma Google trattiene una commissione sulle transazioni (solitamente intorno al 5% più le commissioni di elaborazione dei pagamenti).

2. Substack

È la scelta "tutto-in-uno" per chi si concentra sulla scrittura e sulle newsletter.

Punto di forza: La semplicità estrema e la proprietà della mailing list. Se decidi di andartene, porti via i tuoi iscritti.
Target: Scrittori, giornalisti indipendenti e podcaster che vogliono un sistema pronto all'uso senza dover gestire un sito web complesso.
Funzionalità Social: Con l'introduzione di Notes, Substack è diventato un piccolo social network che aiuta la scoperta organica di nuovi autori.
Costi: Trattiene una commissione fissa del 10% sulle entrate lorde, oltre alle commissioni di Stripe (circa 2,9% + 0,30€).

3. Patreon

È la piattaforma storica per il crowdfunding ricorrente e le community "multi-formato".

Punto di forza: La gestione dei livelli (tier). È perfetto per offrire benefit diversi (es. 5€ per l'articolo, 20€ per il video esclusivo e la chat Discord).
Target: Artisti, video-maker, podcaster e creator che puntano più sulla community che sul semplice testo.
Personalizzazione: Offre strumenti avanzati per gestire gadget fisici, integrazioni con app esterne e comunicazioni dirette.
Costi: Le commissioni variano in base al piano scelto (tipicamente dall'8% al 12%), più le spese di transazione.

Tabella Comparativa Rapida

Caratteristica
Google Reader Revenue Manager
Substack
Patreon

Dove vive il contenuto
Sul tuo sito proprietario
Sulla piattaforma Substack
Sulla pagina Patreon

Formato principale
Testo / Articoli
Newsletter / Testo
Multi-formato (Video/Audio/Art)

Facilità d'uso
Media (richiede inserimento snippet)
Alta (Plug & Play)
Alta

Proprietà del pubblico
Totale (tramite il tuo sito)
Alta (esportazione email)
Media (dipende dalla piattaforma)

Commissione Base
~5%
10%
8% - 12%

Scoperta (Discovery)
Ottima (Google Search/News)
Buona (Substack Network)
Bassa (devi portare tu i fan)

Quale scegliere?

Scegli Google Reader Revenue Manager se: Hai già un blog o un sito di news con molto traffico da Google e vuoi una soluzione di pagamento fluida che non allontani i lettori dal tuo dominio.
Scegli Substack se: Vuoi iniziare da zero, scrivi regolarmente e vuoi uno strumento che gestisca sia il sito che l'invio delle email in modo professionale e gratuito (finché non decidi di far pagare).
Scegli Patreon se: Hai un pubblico fedele su diversi canali (YouTube, Instagram, TikTok) e vuoi creare un "club esclusivo" con diversi livelli di prezzo e benefit variegati.

Guida a Google Reader Revenue Manager: Come verificare i contenuti

noreply@blogger.com (Pierluigi Soraci) — Tue, 13 Oct 2026 17:14:00 +0200

Per verificare la proprietà del tuo sito nel Publisher Center, devi verificare il tuo sito in Search Console.

Prima di verificare il sito:

Finalizza l'URL del feed e del sito web.
In Google Search Console, verifica la proprietà del sito.

Verificare il sito in Search Console

Importante: accedi al Publisher Center con lo stesso account email che hai utilizzato per verificare il sito in Search Console.

Per verificare il tuo sito in Search Console:

Sul computer, vai al Publisher Center.
Nella sezione "Altre opzioni", fai clic su Gestisci la tua pubblicazione e la tua organizzazione Modifica le impostazioni di pubblicazione.
Nella sezione "Generali", cerca "URL proprietà sito web principale" e inserisci l'URL.
Fai clic su Verifica in Search Console Vai a Search Console.
- Importante: l'opzione "Verifica in Search Console" viene mostrata soltanto dopo che hai aggiunto l'URL del sito. Dopo che hai fatto clic, il dominio viene verificato tramite Search Console.
Verifica la proprietà con il metodo del provider del nome di dominio.
- Verifica la proprietà dell'intero sito.
  - Ad esempio, verifica "news.example.com" anziché "news.example.com/news".
- Se disponi di contenuti di notizie provenienti da più sottodomini, ad esempio "example.com" e "news.example.com", verifica la proprietà del dominio principale ("example.com").
- Se non riesci a utilizzare questo metodo, utilizza il metodo di verifica del file HTML.

Suggerimento: se hai seguito i passaggi precedenti e non riesci ancora a verificare i tuoi contenuti, contatta il nostro team.

Come posso aggiungere dei pulsanti di condivisione social puliti e moderni alla fine di ogni post?

noreply@blogger.com (Pierluigi Soraci) — Sat, 10 Oct 2026 13:39:00 +0200

Per aggiungere pulsanti di condivisione social puliti, veloci e moderni alla fine di ogni post senza appesantire il blog con script di terze parti pesanti, puoi utilizzare un blocco CSS coordinato con il tuo design e un leggero script JavaScript.

Questo script rileverà automaticamente l'URL e il titolo dell'articolo in corso, generando link diretti per WhatsApp, Telegram, X (Twitter), LinkedIn e un pulsante per copiare il link negli appunti.

1.Aggiungi la grafica dei pulsanti social:Stile CSS.

Accedi alla dashboard di Blogger, seleziona Tema, clicca sui tre puntini accanto a Personalizza e scegli Modifica HTML.

Individua il tag di chiusura ]]></b:skin> e inserisci subito prima questo codice CSS:

CSS

/* Contenitore dei pulsanti di condivisione */
.share-container {
  margin: 40px 0 20px 0;
  padding: 24px;
  background-color: var(--card-bg, #ffffff);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 12px;
  box-sizing: border-box;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04);
  text-align: center;
}

.share-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--heading-color, #111827);
  margin-bottom: 16px;
}

.share-buttons-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

/* Stile base del singolo pulsante */
.share-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: var(--bg-color, #f9fafb);
  color: var(--text-color, #374151);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  cursor: pointer;
  font-family: inherit;
}

.share-btn:hover {
  transform: translateY(-2px);
  text-decoration: none;
}

/* Colori distintivi al passaggio del mouse per ogni social */
.share-whatsapp:hover { background-color: #25d366; color: #ffffff; border-color: #25d366; }
.share-telegram:hover { background-color: #229ed9; color: #ffffff; border-color: #229ed9; }
.share-twitter:hover { background-color: #000000; color: #ffffff; border-color: #000000; }
.share-linkedin:hover { background-color: #0a66c2; color: #ffffff; border-color: #0a66c2; }
.share-copy:hover { background-color: #2563eb; color: #ffffff; border-color: #2563eb; }

Verifica: Il codice definisce una card centrale con pulsanti reattivi che cambiano colore in base alla piattaforma quando il lettore ci passa sopra.

2.Aggiungi lo script di generazione automatica:Logica JavaScript.

Sempre nell'editor HTML, posizionati subito prima del tag di chiusura </body> e incolla questo script. Si occuperà di inserire i pulsanti in fondo al corpo di ogni articolo prendendo dinamicamente il titolo e l'indirizzo della pagina:

HTML

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const postBody = document.querySelector(".post-body");
    if (!postBody) return;

    // Evita duplicazioni se il box è già presente
    if (document.querySelector(".share-container")) return;

    const currentUrl = encodeURIComponent(window.location.href);
    const currentTitle = encodeURIComponent(document.title);

    const container = document.createElement("div");
    container.className = "share-container";

    container.innerHTML = `
      <div class="share-title">Ti è piaciuto questo articolo? Condividilo!</div>
      <div class="share-buttons-grid">
        <a href="https://api.whatsapp.com/send?text=${currentTitle}%20-%20${currentUrl}" target="_blank" rel="noopener" class="share-btn share-whatsapp"> WhatsApp</a>
        <a href="https://t.me/share/url?url=${currentUrl}&text=${currentTitle}" target="_blank" rel="noopener" class="share-btn share-telegram">✈️ Telegram</a>
        <a href="https://twitter.com/intent/tweet?url=${currentUrl}&text=${currentTitle}" target="_blank" rel="noopener" class="share-btn share-twitter"> Twitter</a>
        <a href="https://www.linkedin.com/shareArticle?mini=true&url=${currentUrl}&title=${currentTitle}" target="_blank" rel="noopener" class="share-btn share-linkedin"> LinkedIn</a>
        <button class="share-btn share-copy" id="shareCopyBtn"> Copia Link</button>
      </div>
    `;

    postBody.appendChild(container);

    // Funzionalità del pulsante di copia rapida
    const copyBtn = document.getElementById("shareCopyBtn");
    if (copyBtn) {
      copyBtn.addEventListener("click", function() {
        navigator.clipboard.writeText(window.location.href).then(() => {
          copyBtn.textContent = "Copiato! ✓";
          setTimeout(() => {
            copyBtn.textContent = " Copia Link";
          }, 2000);
        });
      });
    }
  });
</script>

Verifica: Lo script compone i link di condivisione ufficiali formattati correttamente per ogni social network.

3.Salva e verifica sul blog:Salvataggio e Test.

Clicca sull'icona del dischetto in basso a destra per salvare le modifiche al tema di Blogger, quindi apri un articolo qualsiasi del tuo blog e scorri fino alla fine.

Verifica: Vedrai apparire un elegante box riepilogativo con i pulsanti colorati. Cliccando su WhatsApp o Telegram si aprirà direttamente l'app o la web app con il messaggio precompilato, mentre il pulsante "Copia Link" memorizzerà l'indirizzo della pagina nella clipboard.

Guida a Google Reader Revenue Manager: Configurazione iniziale

noreply@blogger.com (Pierluigi Soraci) — Tue, 6 Oct 2026 17:08:00 +0200

Assegnare un nome alla pubblicazione

Per identificare la tua pubblicazione, il nome fornito viene utilizzato in tutto il Publisher Center.

Importante: i nomi nel Publisher Center non vengono utilizzati per Google News o la scheda "Notizie" della Ricerca Google.

In base al tuo nome del sito, i nomi nella scheda "Notizie" di Google News e della Ricerca Google vengono generati automaticamente.

Aggiungere un URL della proprietà del sito web principale

Importante: Google non può garantire l'elaborazione ininterrotta dei tuoi articoli dopo una modifica del dominio. Ti consigliamo di rivedere come comunicare a Google gli spostamenti del sito.

Generalmente la proprietà del sito web principale è il dominio del tuo sito, ma può anche essere un sottodominio o una proprietà prefisso URL, ad esempio:

Un URL con il prefisso e il protocollo specificati (https://example.com).
Una proprietà Dominio con tutti i sottodomini e più protocolli (example.com).

Puoi creare una sola pubblicazione per ogni proprietà del sito web. Assicurati di verificare il tuo dominio in Search Console.

Sede

Si tratta della località in cui si trova l'entità che rappresenta la tua pubblicazione e che attualmente ha un contratto di Showcase con Google. Se questa località è cambiata, invia una richiesta di modifica:

Sul computer, vai al Centro editori.
Seleziona la tua pubblicazione e fai clic su Impostazioni di pubblicazione.
Fai clic su Richiedi modifica accanto alla tua sede.
Nel modulo di richiesta di modifica della località, inserisci:
- Nome della tua pubblicazione
- Dominio della tua pubblicazione
- La località aggiornata

Guida a Reader Revenue Manager: come gestire il profilo pagamenti

noreply@blogger.com (Pierluigi Soraci) — Sat, 3 Oct 2026 13:46:00 +0200

Puoi ricevere pagamenti da Reader Revenue Manager con un profilo pagamenti nel centro pagamenti Google.

Con il tuo profilo pagamenti puoi aggiungere più utenti e concedere loro l'accesso al tuo account pagamenti nel centro pagamenti. Il tuo profilo pagamenti verrà associato al tuo account tramite il centro pagamenti Google. Puoi condividerlo e utilizzarlo su altri prodotti Google.

Importante: ricorda quanto segue per il profilo pagamenti.

Si applica a tutte le pubblicazioni all'interno della stessa organizzazione.
Deve essere associato a un Account Google.
Si applica a tutte le organizzazioni che utilizzano l'Account Google.

Selezionare o creare un profilo pagamenti

Durante la configurazione, fai clic su Seleziona o crea il tuo profilo pagamenti.
Nella sezione "Profilo pagamenti", fai clic sulla Freccia giù .
- Se hai un profilo pagamenti:
  1. Fai clic sulla Freccia giù .
  2. Seleziona il profilo pagamenti.
- Se non hai un profilo pagamenti:
  1. Seleziona Crea un profilo pagamenti.
  2. In "Tipo di account", seleziona Azienda o Privato.
  3. Compila i campi richiesti.
  4. Fai clic su Salva.

Suggerimento: devi configurare un solo profilo pagamenti per account. Se hai completato questo passaggio e hai verificato la tua identità per una pubblicazione, l'elemento comparirà come completato per tutte le altre pubblicazioni.

Aggiornare i dati di pagamento

Nei dati di pagamento puoi trovare il tuo profilo pagamenti registrato e il metodo di pagamento preferito. Puoi anche visualizzare lo stato di eventuali attività in sospeso nel profilo pagamenti.

Apri il Centro editori.
Seleziona la tua pubblicazione.
Fai clic su Reader Revenue Manager Impostazioni.
A sinistra, fai clic su Dati di pagamento.

Suggerimento: se hai già un profilo pagamenti aziendale, puoi collegarlo nei dati di pagamento. Per utilizzare il tuo attuale profilo pagamenti, accedi all'Account Google associato al profilo.

Aggiungere utenti al tuo account pagamenti

Apri il Centro editori.
Seleziona la tua pubblicazione.
Fai clic su Reader Revenue Manager Impostazioni .
A sinistra, fai clic su Dati di pagamento.
Nella sezione "Il tuo profilo commerciante", scorri fino a "Utenti pagamenti".
Fai clic su Gestisci utenti pagamenti Aggiungi un nuovo utente.
Segui le istruzioni sullo schermo.
Nella sezione "Contatto principale", fai clic su Invita OK.

Una volta accettato l'invito, l'utente potrà accedere al tuo profilo pagamenti in base alle autorizzazioni che hai impostato nell'invito originale.

Aggiornare i dati bancari

Apri il Centro editori.
Seleziona la tua pubblicazione.
Fai clic su Reader Revenue Manager Impostazioni .
A sinistra, fai clic su Dati di pagamento.
Nella sezione "Il tuo profilo commerciante", seleziona Modifica nel centro pagamenti Google.
Fai clic su Metodi di pagamento nel "Centro pagamenti".
Aggiungi o aggiorna i dati dell'account pagamenti.
- Se aggiungi un nuovo account pagamenti: fai clic su Salva.
- Se apporti modifiche a un account: fai clic su Aggiorna.

Google ha messo in pattuglia un'IA di nome SAFE

noreply@blogger.com (Pierluigi Soraci) — Wed, 30 Sep 2026 16:44:54 +0200

Google ha rilasciato un seguito all'aggiornamento antispam di agosto, ha messo in pattuglia un'IA di nome SAFE e ha fatto finire alcune aziende in mare. Letteralmente, sulla mappa.

L'AGGIORNAMENTO ANTISPAM HA UN SEQUEL
Cinque settimane dopo l'aggiornamento di agosto, Google ha lanciato l'aggiornamento antispam di settembre 2026 venerdì 25 settembre, che ha colpito duramente durante il fine settimana. Dietro a tutto ciò: un nuovo sistema di rilevamento dello spam basato sull'IA, chiamato SAFE.

Perché è importante: se dopo agosto avete eliminato i contenuti prodotti in massa, questo fine settimana sarà il vostro verdetto. Un aumento del traffico da venerdì a domenica significa che la pulizia ha funzionato. Un calo di nuovo significa che SAFE non è d'accordo con qualcosa sul vostro sito.

Fate questo oggi: controllate il vostro traffico dal 25 al 28 settembre e confrontatelo con quello della settimana precedente. Essere colpiti due volte di seguito è un modello, non sfortuna: è in questi casi che un audit dei contenuti smette di essere facoltativo.

GOOGLE POTREBBE AVER SPOSTATO IL TUO UFFICIO IN MARE
Un bug di Google Maps sta posizionando i segnaposto di alcune attività commerciali in mezzo all'oceano, soprattutto quelle che offrono servizi in una determinata area geografica anziché avere un unico punto vendita.

Un segnaposto nell'Atlantico ha un posizionamento esattamente come ci si aspetterebbe per la ricerca "avvocato vicino a me".

Perché è importante: finché il tuo segnaposto galleggia, sei invisibile nei risultati di ricerca locali e i clienti non riescono a trovare il tuo studio. È un bug di Google, ma le chiamate perse sono tue.

Fai questo oggi stesso: cerca il tuo studio su Google Maps e controlla dove si trova effettivamente il segnaposto. Se è in mare aperto, non reinserire l'indirizzo più volte: è un bug noto; segnalalo una volta e conserva lo screenshot.

Come posso aggiungere un effetto lightbox per ingrandire le immagini dei post a schermo intero con un clic?

noreply@blogger.com (Pierluigi Soraci) — Sat, 26 Sep 2026 13:38:00 +0200

Per aggiungere un effetto lightbox fluido e moderno che permetta ai lettori di ingrandire a schermo intero qualsiasi immagine presente nei post con un semplice clic, puoi implementare una soluzione leggera basata su CSS e un piccolo script JavaScript nativo.

Questo approccio non richiede librerie esterne pesanti, si integra perfettamente con il design del tuo blog e gestisce automaticamente lo zoom, lo sfondo scuro sfumato e la chiusura tramite tasto ESC o clic fuori dall'immagine.

1.Aggiungi la grafica e l'animazione della modale:Stile CSS.

Accedi alla dashboard di Blogger, seleziona Tema, clicca sui tre puntini accanto a Personalizza e scegli Modifica HTML.

Individua il tag di chiusura ]]></b:skin> e inserisci subito prima questo codice CSS:

CSS

/* Cambia il cursore al passaggio sulle immagini dei post */
.post-body img {
  cursor: zoom-in;
  transition: transform 0.2s ease;
}

/* Struttura dell'overlay Lightbox */
.lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  box-sizing: border-box;
  padding: 20px;
}

/* Stato attivo (quando la modale è aperta) */
.lightbox-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Immagine ingrandita all'interno della modale */
.lightbox-content {
  max-width: 90%;
  max-height: 90vh;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  transform: scale(0.95);
  transition: transform 0.3s ease;
}

.lightbox-overlay.active .lightbox-content {
  transform: scale(1);
}

/* Pulsante di chiusura (X) */
.lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  background: none;
  border: none;
  color: #ffffff;
  font-size: 36px;
  cursor: pointer;
  line-height: 1;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.lightbox-close:hover {
  opacity: 1;
}

Verifica: Le regole CSS definiscono l'aspetto della modale a schermo intero e l'effetto visivo del cursore sulle immagini.

2.Aggiungi lo script di gestione del click:Logica JavaScript.

Sempre nell'editor HTML, posizionati subito prima del tag di chiusura </body> e incolla questo script. Si occuperà di generare dinamicamente il contenitore della lightbox e di attivarlo al clic su qualsiasi immagine dell'articolo:

HTML

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const postBody = document.querySelector(".post-body");
    if (!postBody) return;

    const images = postBody.querySelectorAll("img");
    if (images.length === 0) return;

    // Crea la struttura HTML della lightbox in modo dinamico
    const overlay = document.createElement("div");
    overlay.className = "lightbox-overlay";

    const imgContent = document.createElement("img");
    imgContent.className = "lightbox-content";

    const closeBtn = document.createElement("button");
    closeBtn.className = "lightbox-close";
    closeBtn.innerHTML = "&times;";
    closeBtn.title = "Chiudi";

    overlay.appendChild(imgContent);
    overlay.appendChild(closeBtn);
    document.body.appendChild(overlay);

    // Associa l'evento di apertura a ogni immagine del post
    images.forEach(img => {
      img.addEventListener("click", function() {
        imgContent.src = this.src;
        overlay.classList.add("active");
        document.body.style.overflow = "hidden"; // Blocca lo scroll della pagina sottostante
      });
    });

    // Funzione per chiudere la lightbox
    function closeLightbox() {
      overlay.classList.remove("active");
      document.body.style.overflow = ""; // Ripristina lo scroll
    }

    closeBtn.addEventListener("click", closeLightbox);
    
    // Chiude cliccando sullo sfondo scuro
    overlay.addEventListener("click", function(e) {
      if (e.target === overlay) {
        closeLightbox();
      }
    });

    // Chiude premendo il tasto ESC sulla tastiera
    document.addEventListener("keydown", function(e) {
      if (e.key === "Escape" && overlay.classList.contains("active")) {
        closeLightbox();
      }
    });
  });
</script>

Verifica: Lo script riconosce tutte le immagini dei post senza bisogno di modificare manualmente l'HTML di ogni articolo.

3.Salva e verifica sul blog:Salvataggio e Test.

Clicca sull'icona del dischetto in basso a destra per salvare le modifiche al tema. Apri un articolo che contiene delle foto o delle illustrazioni.

Verifica: Passando il mouse sopra un'immagine vedrai il cursore trasformarsi in una lente d'ingrandimento. Cliccandoci sopra, l'immagine si aprirà fluidamente a schermo intero su sfondo scuro, bloccando lo scroll e permettendo di richiuderla con la "X", con il tasto ESC o cliccando sullo sfondo.

Guida a Reader Revenue Manager: come aggiungere snippet di codice al tuo sito

noreply@blogger.com (Pierluigi Soraci) — Tue, 22 Sep 2026 17:03:00 +0200

Per lanciare Reader Revenue Manager per la tua pubblicazione, devi impostare ogni pagina del tuo sito con uno snippet di codice dal Publisher Center. Questo snippet carica i prompt di Reader Revenue Manager sul tuo sito.

Per installare lo snippet, devi disporre dell'autorizzazione per accedere e modificare il tema o il codice del modello del sito nel tuo sistema di gestione dei contenuti (CMS).

Aggiungere uno snippet di codice al sito

Visita il Publisher Center di Google.
Accedi con un Account Google che utilizzi con la tua pubblicazione.
Fai clic su Reader Revenue Manager.
Fai clic su Aggiungi snippet di codice al tuo sito.
Se hai già completato la configurazione ma non hai aggiunto lo snippet di codice, puoi accedere a quest'ultimo da Sincronizzazione CMS. Esistono due tipi di snippet:
- Snippet ad accesso aperto:
  - Utilizzalo per:
    - Articoli che devono essere aperti a tutti i lettori se configuri un paywall.
    - Tutti gli articoli se configuri contributi o sondaggi
- Snippet di ID prodotto
  - Nelle pagine che vuoi proteggere tramite paywall, copia lo snippet di codice contenente l'ID prodotto da utilizzare.
  - Per impostare prezzi diversi per tipi di contenuti diversi, utilizza gli ID prodotto. Ad esempio, se vuoi vendere un abbonamento per i tuoi contenuti relativi a sport e notizie, crea due ID prodotto distinti per avere snippet di codice separati. Lo snippet di codice associato al tuo abbonamento ai contenuti sportivi viene aggiunto alle tue pagine dedicate allo sport. Lo snippet di codice associato al tuo abbonamento alle notizie viene aggiunto alle tue pagine delle notizie.
Aggiungi lo snippet al tag <head> di ogni pagina.
Per assicurarti che Reader Revenue Manager venga caricato correttamente, vai al tuo sito web.

Suggerimenti:

Se aggiorni il prezzo con un nuovo ID prodotto, devi aggiornare la sincronizzazione CMS sul tuo sito web.
Se hai più piani attivi su un singolo sito, devi configurare più snippet e aggiungere ogni snippet alle pagine di contenuti pertinenti. Uno snippet per pagina:
- Configura un unico snippet per ogni ID prodotto.
- Includi questi ID prodotto:
  - Nelle pagine pertinenti
  - Nei modelli all'interno del tuo CMS

Come posso integrare Prism.js per colorare automaticamente la sintassi dei blocchi di codice nei post?

noreply@blogger.com (Pierluigi Soraci) — Sat, 19 Sep 2026 13:37:00 +0200

Per integrare Prism.js ed evidenziare automaticamente la sintassi dei tuoi blocchi di codice con un tema moderno (ottimizzato anche per la modalità scura), puoi sfruttare le librerie via CDN ufficiali e unire il tutto al sistema di copia rapida che hai già configurato.

1.Aggiungi il tema grafico di Prism.js:File CSS.

Accedi alla dashboard di Blogger, seleziona Tema, clicca sui tre puntini accanto a Personalizza e scegli Modifica HTML.

Individua il tag di apertura <head> del tuo template e inserisci subito dopo il link al CSS di Prism (qui usiamo Okaidia, un tema scuro eccellente e leggibile):

HTML

<!-- Prism.js Theme CSS -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-okaidia.min.css" rel="stylesheet" />

Verifica: Il foglio di stile esterno viene caricato correttamente nell'intestazione del blog.

2.Aggiungi il motore e l'autoloader di Prism:Script JS.

Sempre nell'editor HTML, posizionati subito prima del tag di chiusura </body> e incolla gli script di Prism. L'autoloader riconoscerà automaticamente i linguaggi di programmazione utilizzati nei tuoi snippet (JavaScript, HTML, CSS, Python, Bash, ecc.) caricandoli al volo:

HTML

<!-- Prism.js Core & Autoloader -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>

Verifica: Gli script vengono inclusi appena prima della chiusura della pagina.

3.Assicura la compatibilità con il box di copia:Integrazione Automatica.

Se scrivi i post usando i tag standard <pre><code>, a volte i blocchi potrebbero non avere una classe di linguaggio esplicita. Puoi aggiungere questo piccolo script di supporto subito sotto agli script di Prism per assegnare un linguaggio predefinito (es. markup o clike) ed evitare che i blocchi rimangano non colorati:

HTML

<script>
  document.addEventListener("DOMContentLoaded", function() {
    // Assegna una classe di default se manca, per attivare la colorazione
    const codeBlocks = document.querySelectorAll(".post-body pre code");
    codeBlocks.forEach(block => {
      if (!block.className.includes("language-")) {
        block.classList.add("language-clike");
      }
    });
    // Forza Prism a ricalcolare ed evidenziare il codice dopo l'aggiunta dinamica
    if (typeof Prism !== "undefined") {
      Prism.highlightAll();
    }
  });
</script>

Verifica: Lo script si integra perfettamente con il sistema che crea i box di copia, colorando le righe di codice in tempo reale.

4.Salva e verifica sul blog:Salvataggio e Test.

Clicca sull'icona del dischetto in basso a destra per salvare il tema. Apri un articolo in cui sono presenti frammenti di codice.

Verifica: I blocchi di codice non mostrano più un testo monocromatico, ma evidenziano parole chiave, stringhe, commenti e variabili con colori brillanti, mantenendo intatto il pulsante di copia rapida.

Guida a Reader Revenue Manager: inizio e configurazione

noreply@blogger.com (Pierluigi Soraci) — Tue, 15 Sep 2026 16:59:00 +0200

Reader Revenue Manager aiuta gli editori senza un modello di abbonamento esistente a incorporare un modello di abbonamento o contributo nelle loro pagine web per mobile e desktop.

Puoi anche utilizzare Reader Revenue Manager per aumentare il coinvolgimento e la fidelizzazione dei lettori attraverso funzionalità come l'iscrizione alla newsletter, i sondaggi e la registrazione dei lettori.

Reader Revenue Manager può aiutarti a:

Restare in contatto con i lettori: i lettori rimangono collegati ovunque abbiano eseguito l'accesso al proprio Account Google.
Entrare in contatto direttamente con il tuo pubblico: i lettori possono condividere il proprio indirizzo email.
Convertire i lettori: i lettori possono abbonarsi facilmente con un pagamento più rapido e sicuro.
Lanciare nuovi prodotti e servizi con competenze tecnologiche minime: puoi gestire i pagamenti e migliorare l'esperienza dei lettori senza dover scrivere codice.
Riscuotere i pagamenti con commissioni di transazione basse: solo il 5% per transazione, comprese le commissioni della carta di credito.

Cosa serve

Dati di accesso per il tuo Account Google

Per aggiungere un paywall o una richiesta di contributo, hai anche bisogno di:

Informazioni personali o sull'attività
- Per i privati: documento d'identità
- Per le attività: documento con i dettagli dell'organizzazione
Il logo della tua pubblicazione
- Formato file: .png (consigliato) o .jpeg
- Dimensioni: 1000 x 1000 pixel (consigliata), 512 x 512 pixel (minima)

Configura Reader Revenue Manager

Prima di configurare Reader Revenue Manager, devi aggiungere una pubblicazione nel Publisher Center.

Dopo aver aggiunto la pubblicazione:

Accedi al Publisher Center.
Seleziona la pubblicazione.
Fai clic su Reader Revenue Manager.
Seleziona un messaggio sull'accesso ai contenuti.

Suggerimento: per aggiungere più di un messaggio sull'accesso ai contenuti, seleziona prima una delle opzioni. Puoi aggiungere gli altri messaggi in un secondo momento. Dopo la selezione, procedi con le istruzioni una tantum nel Publisher Center.

Come posso aggiungere un pulsante interattivo 'Torna a inizio pagina' (Back to top) che compare scorrendo il blog?

noreply@blogger.com (Pierluigi Soraci) — Sat, 12 Sep 2026 13:36:00 +0200

Per aggiungere un pulsante interattivo "Torna a inizio pagina" (Back to Top) che compare automaticamente in basso a destra quando il lettore scorre verso il basso e scompare quando si torna in cima, puoi combinare un foglio di stile CSS (con supporto alla modalità scura) e un leggero script JavaScript.

1.Aggiungi la grafica e le animazioni del pulsante:Stile CSS.

Accedi a Blogger, vai su Tema > Modifica HTML, individua il tag ]]></b:skin> e inserisci subito prima questo blocco CSS:

CSS

/* Pulsante "Torna a inizio pagina" (Back to top) */
.back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 44px;
  height: 44px;
  background-color: var(--card-bg, #ffffff);
  color: var(--heading-color, #111827);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  z-index: 999;
  box-sizing: border-box;
}

/* Classe attivata via JavaScript quando si scorre la pagina */
.back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Effetto al passaggio del mouse */
.back-to-top:hover {
  background-color: #2563eb;
  color: #ffffff;
  border-color: #2563eb;
  transform: translateY(-3px);
}

Verifica: Il codice CSS definisce un elemento circolare fisso nell'angolo dello schermo, perfettamente integrato con le variabili del tema.

2.Aggiungi lo script di gestione dello scroll:Logica JavaScript.

Sempre nell'editor HTML, posizionati subito prima del tag di chiusura </body> e incolla questo script. Si occuperà di creare automaticamente il pulsante nel DOM, regolarne la comparsa e attivare lo scorrimento fluido verso l'alto al click:

HTML

<script>
  document.addEventListener("DOMContentLoaded", function() {
    // Crea il pulsante dinamicamente
    const btn = document.createElement("button");
    btn.className = "back-to-top";
    btn.innerHTML = "↑";
    btn.title = "Torna a inizio pagina";
    document.body.appendChild(btn);

    // Mostra o nasconde il pulsante in base allo scroll (> 300px)
    window.addEventListener("scroll", function() {
      if (window.scrollY > 300) {
        btn.classList.add("show");
      } else {
        btn.classList.remove("show");
      }
    });

    // Esegue lo scorrimento fluido verso l'alto al click
    btn.addEventListener("click", function() {
      window.scrollTo({
        top: 0,
        behavior: "smooth"
      });
    });
  });
</script>

Verifica: Lo script inserisce il pulsante in modo pulito senza sporcare il codice HTML dei singoli post o del layout.

3.Salva e verifica sul blog:Salvataggio e Test.

Clicca sull'icona del dischetto in basso a destra per salvare le modifiche al tema di Blogger, quindi apri una pagina qualsiasi e scorri verso il basso.

Verifica: Dopo aver superato i primi pixel di scorrimento, vedrai comparire fluidamente il pulsante circolare con la freccia in alto. Cliccandoci sopra, la pagina tornerà in cima con un'animazione fluida.

Come guadagnare con Reader Revenue Manager

noreply@blogger.com (Pierluigi Soraci) — Tue, 8 Sep 2026 16:57:00 +0200

Il Google Reader Revenue Manager (RRM) è uno strumento self-service progettato per aiutare gli editori a monetizzare i propri contenuti digitali senza necessità di competenze di programmazione. <?XML:NAMESPACE PREFIX = "[default] http://www.w3.org/2000/svg" NS = "http://www.w3.org/2000/svg" />

Per guadagnare con questa piattaforma nel 2026, puoi implementare le seguenti strategie:

1. Modelli di Monetizzazione Diretta

Abbonamenti (Subscriptions): Puoi offrire piani di abbonamento ricorrenti (mensili o annuali) per dare accesso a contenuti esclusivi o premium. Google gestisce il paywall e il processo di pagamento, riducendo gli ostacoli per l'utente.
Contributi (Contributions): Se preferisci mantenere i contenuti aperti a tutti, puoi richiedere donazioni volontarie (una tantum o ricorrenti) per supportare il tuo lavoro.
Micro-pagamenti: Alcuni modelli permettono agli utenti di pagare per accedere a singoli articoli, ideale per chi non vuole sottoscrivere un abbonamento completo.

2. Raccolta Dati e Fidelizzazione (First-Party Data)

RRM non serve solo a incassare denaro direttamente, ma a costruire un valore a lungo termine:

Registrazione Utenti: Richiedere la registrazione per accedere a determinati contenuti ti permette di raccogliere dati di prima parte fondamentali nel 2026, data la progressiva eliminazione dei cookie di terze parti.
Iscrizione alla Newsletter: Puoi integrare moduli per raccogliere indirizzi email con un clic, creando un pubblico fedele da ricontattare con offerte o nuovi contenuti.
Sondaggi: Utilizza i sondaggi integrati per conoscere meglio gli interessi del tuo pubblico e ottimizzare la tua strategia editoriale o pubblicitaria.

3. Vantaggi Economici e Tecnici

Commissioni Ridotte: Google trattiene solo una commissione del 5% sulle transazioni, che include già le spese per l'elaborazione delle carte di credito. L'editore trattiene il restante 95%.
Integrazione Google Ecosystem: Gli abbonati possono visualizzare i tuoi contenuti in sezioni dedicate su Google News, Discover e Ricerca, aumentando il traffico qualificato verso il tuo sito.
Facilità d'uso: È possibile configurare il servizio direttamente dal Centro Editori di Google e attivarlo sul proprio sito (anche tramite plugin come Site Kit per WordPress) in poche ore.

Nota: Questo strumento è particolarmente indicato per piccoli e medi editori che non dispongono di infrastrutture tecnologiche complesse per la gestione dei pagamenti.

Come posso stilizzare e organizzare il piè di pagina (footer) del blog?

noreply@blogger.com (Pierluigi Soraci) — Sat, 5 Sep 2026 13:34:00 +0200

Per stilizzare e organizzare il piè di pagina (footer) del tuo blog Blogger, puoi applicare un blocco CSS dedicato che si armonizza con le card, la sidebar e i pulsanti che hai già creato, garantendo la piena compatibilità con la modalità scura.

1.Apri l'editor HTML del tema:Accesso al codice.

Accedi alla dashboard di Blogger, seleziona Tema, clicca sui tre puntini accanto a Personalizza e scegli Modifica HTML.

Verifica: L'editor del codice sorgente del blog risulta aperto.

2.Inserisci lo stile personalizzato:Codice CSS per il Footer.

Individua il tag di chiusura ]]></b:skin> e inserisci subito prima questo blocco CSS. Questo codice si adatta alle sezioni standard del footer di Blogger e definisce un layout pulito, centrato e ordinato:

CSS

/* Stile moderno e pulito per il piè di pagina (Footer) */
.site-footer, #footer, .footer-container, .post-footer {
  background-color: var(--card-bg, #ffffff);
  color: var(--text-color, #4b5563);
  border-top: 1px solid var(--border-color, #e5e7eb);
  padding: 40px 20px;
  margin-top: 60px;
  font-family: inherit;
  font-size: 14px;
  box-sizing: border-box;
  width: 100%;
}

/* Struttura interna per allineare elementi e link */
.footer-content, .site-footer .widget {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
}

/* Testi e copyright nel footer */
.site-footer p, .site-footer span, .site-footer div {
  color: var(--text-color, #4b5563);
  margin: 0;
  line-height: 1.5;
}

/* Link rapidi o note legali nel footer */
.site-footer a {
  color: var(--text-color, #2563eb);
  text-decoration: none;
  transition: color 0.2s ease;
}

.site-footer a:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

Verifica: Il blocco CSS viene aggiunto correttamente all'interno del foglio di stile senza errori di sintassi.

3.Salva e verifica sul blog:Salvataggio e Test.

Clicca sull'icona del dischetto in basso a destra per salvare le modifiche, quindi scorri fino in fondo a una qualsiasi pagina del tuo blog.

Verifica: Il footer mostra ora una linea di demarcazione pulita, uno sfondo coerente con le card, margini spaziosi e una tipografia ordinata sia in modalità chiara che scura.

Come indicizzare un sito web in Google News

noreply@blogger.com (Pierluigi Soraci) — Wed, 2 Sep 2026 00:15:00 +0200

Indicizzare un sito su Google News nel 2026 è un processo diverso rispetto al passato. Non esiste più una "richiesta di inclusione" manuale che garantisce l'accesso: oggi l'inserimento è automatico e basato su algoritmi che valutano l'autorevolezza e la qualità tecnica del sito.

Ecco i passaggi fondamentali per essere scelti da Google News:

1. Requisiti di Contenuto (Linee Guida Editoriali)

Google cerca contenuti che siano notizie vere, non articoli "evergreen" o promozionali.

Originalità: Non copiare o rielaborare pesantemente agenzie di stampa. Google premia chi produce inchieste o riporta fatti per primo.
Tempestività: Gli articoli devono riguardare eventi recenti. La data e l'ora di pubblicazione devono essere chiaramente visibili.
Trasparenza (E-E-A-T): Devi dimostrare chi scrive. Ogni articolo deve avere una firma dell'autore con una breve biografia e i contatti della redazione devono essere facilmente reperibili in una pagina "Chi siamo".
Frequenza: Un sito di news deve pubblicare con costanza (almeno 1-2 articoli al giorno).

2. Requisiti Tecnici

Il crawler di Google News deve poter leggere il tuo sito senza ostacoli.

URL statici e unici: Ogni notizia deve avere un URL permanente (es. tuosito.it/2026/01/titolo-notizia).
Formato HTML: Il testo deve essere integrato nel codice HTML della pagina. Google ha difficoltà a indicizzare testi generati esclusivamente tramite JavaScript o contenuti in PDF.
Velocità e Mobile: Il sito deve essere velocissimo (Core Web Vitals) e perfettamente ottimizzato per lo smartphone.

3. Strumenti Fondamentali

Anche se l'algoritmo è automatico, devi usare questi strumenti per "segnalare" la tua presenza:

Google Search Console: Verifica la proprietà del sito. È qui che monitorerai se i tuoi articoli compaiono nella sezione "Google News" dei report di rendimento.
Sitemap per Google News: Crea una sitemap XML specifica per le notizie. Deve contenere solo gli articoli pubblicati nelle ultime 48 ore (fino a un massimo di 1000 URL).
Dati Strutturati: Implementa lo schema NewsArticle nel codice delle tue pagine per aiutare Google a capire subito che si tratta di una notizia, chi è l'autore e qual è l'immagine principale.

Cosa è cambiato nel 2024-2026?

Da qualche tempo, il Google Publisher Center (Centro Editori) ha perso la sua funzione di "porta d'accesso". Non serve più a essere approvati, ma rimane utile per:

Personalizzare il brand (caricare il logo per l'edicola di Google News).
Gestire come il sito appare nell'app Google News.
Segnalare le sezioni (categorie) del tuo sito.

Nota Bene: Apparire in Google News non è garantito. Se il tuo sito non viene indicizzato, il motivo più comune è la mancanza di segnali di Autorità (pochi backlink da altri siti di news) o contenuti troppo simili a quelli già presenti sul web.

Come posso personalizzare la colonna laterale (sidebar) o aggiungere un box autore moderno nel blog?

noreply@blogger.com (Pierluigi Soraci) — Sat, 29 Aug 2026 13:33:00 +0200

Per personalizzare la colonna laterale (sidebar) del tuo blog e trasformarla in elementi visivi coordinati con le card dei post, puoi agire su due fronti: stilizzare tutti i widget esistenti affinché sembri un blocco di design pulito e moderno, e creare un box autore dedicato da inserire facilmente tramite un gadget HTML.

1.Trasforma i widget della sidebar in card moderne:Codice CSS.

Accedi a Blogger, vai su Tema > Modifica HTML, individua il tag ]]></b:skin> e inserisci subito prima questo blocco CSS. Questo codice uniforma tutti i riquadri della barra laterale adattandoli automaticamente alla modalità scura:

CSS

/* Trasforma ogni widget della sidebar in una card coordinata */
.sidebar .widget, .blog-sidebar .widget {
  background-color: var(--card-bg, #ffffff);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 24px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: var(--text-color, #374151);
}

/* Stile dei titoli dei widget nella sidebar */
.sidebar .widget h2, .blog-sidebar .widget h2 {
  font-size: 16px;
  font-weight: 700;
  color: var(--heading-color, #111827);
  margin-top: 0;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--border-color, #f3f4f6);
}

/* Stili interni di base per liste ed elementi nei widget */
.sidebar .widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar .widget li {
  margin-bottom: 10px;
  font-size: 14px;
}

.sidebar .widget a {
  color: var(--text-color, #2563eb);
  text-decoration: none;
  transition: color 0.2s ease;
}

.sidebar .widget a:hover {
  color: #2563eb;
  text-decoration: underline;
}

/* Classi specifiche per il Box Autore Moderno */
.author-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.author-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--border-color, #e5e7eb);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.author-name {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading-color, #111827);
  margin: 0;
}

.author-bio {
  font-size: 14px;
  color: var(--text-color, #4b5563);
  line-height: 1.5;
  margin: 0;
}

Verifica: Il foglio di stile si integra con le variabili del tema per la modalità scura. Salva le modifiche al tema cliccando sull'icona del dischetto.

2.Inserisci il gadget nel layout di Blogger:Aggiunta del Box Autore.

Ora puoi inserire un box autore personalizzato nella tua colonna laterale:

Vai su Layout nella dashboard di Blogger.
Nella sezione della colonna laterale (Sidebar), clicca su Aggiungi un gadget.
Scegli HTML/JavaScript.
Lascia vuoto il titolo e incolla questo codice nel campo dei contenuti (sostituendo l'immagine e i testi con i tuoi):

HTML

<div class="author-box">
  <img src="URL_DELLA_TUA_FOTO_PROFILO" alt="Nome Autore" class="author-avatar" />
  <h3 class="author-name">Il tuo Nome</h3>
  <p class="author-bio">Breve descrizione o biografia personale che spiega di cosa tratta il blog e la tua passione per la scrittura.</p>
</div>

Clicca su Salva.

Verifica: Sposta il gadget nella posizione desiderata all'interno della sidebar e salva la disposizione della pagina.

3.Verifica il risultato sul blog:Test finale.

Apri la pagina principale del blog.

Verifica: Tutti i widget della sidebar appaiono incorniciati come card ordinate e il box autore si presenta con un cerchio fotografico pulito e una tipografia perfettamente allineata al design generale.

La mancanza di widget e gadget impedisce che Blogger venga migliorato

noreply@blogger.com (Pierluigi Soraci) — Tue, 25 Aug 2026 17:35:00 +0200

Blogger, rispetto ad altre piattaforme moderne, è rimasto piuttosto statico proprio perché non ha più puntato su widget e gadget come strumenti di personalizzazione.

Perché i widget e gadget sono importanti

Personalizzazione: permettono agli utenti di aggiungere funzioni extra (calendari, feed social, moduli di contatto) senza dover scrivere codice.
Interattività: rendono il blog più dinamico e coinvolgente, aumentando il tempo di permanenza dei lettori.
Ecosistema: creano una community di sviluppatori che produce estensioni, mantenendo la piattaforma viva e aggiornata.
Competitività: piattaforme come WordPress o Wix hanno puntato molto su plugin e widget, e questo le ha rese più appetibili.

Il problema di Blogger

Google ha progressivamente ridotto gli investimenti su Blogger, lasciandolo con un set di funzioni basilari. Senza un sistema di estensioni attivo:

i blogger devono ricorrere a codice HTML/CSS personalizzato, spesso complicato per chi non è tecnico;
la piattaforma appare datata rispetto ai concorrenti;
gli utenti migrano verso soluzioni più flessibili.

Possibili vie di miglioramento

Reintrodurre un marketplace di widget/gadget ufficiale.
Integrare strumenti moderni (analytics avanzati, SEO assistito, social embedding).
Aprire API per sviluppatori esterni, così da rivitalizzare l’ecosistema.

In sostanza senza widget e gadget, Blogger rimane fermo e poco competitivo.

Come posso stilizzare i pulsanti 'Post successivi' e 'Home' in fondo alla pagina principale?

noreply@blogger.com (Pierluigi Soraci) — Sat, 22 Aug 2026 13:32:00 +0200

Per stilizzare i pulsanti di navigazione in fondo alla pagina principale (come "Post successivi", "Post precedenti" e il link alla "Home"), puoi trasformarli in pulsanti moderni, ben spaziosi e perfettamente in linea con il design delle card e dei pulsanti che hai già implementato nel blog.

1.Apri l'editor HTML del tema:Accesso al codice.

Accedi alla dashboard di Blogger, seleziona Tema, clicca sui tre puntini accanto a Personalizza e scegli Modifica HTML.

Verifica: L'editor del codice sorgente del blog risulta aperto.

2.Inserisci lo stile personalizzato:Codice CSS per la Paginazione.

Individua il tag di chiusura ]]></b:skin> e inserisci subito prima questo blocco CSS. Questo codice intercetta i selettori standard della paginazione di Blogger e li trasforma in pulsanti coordinati con il tema e la modalità scura:

CSS

/* Contenitore generale della paginazione in fondo alla home */
.blog-pager {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0;
  padding: 0 5px;
  font-family: inherit;
  box-sizing: border-box;
}

/* Stile comune per i pulsanti di navigazione (Successivi, Precedenti, Home) */
.blog-pager-older-link, 
.blog-pager-newer-link, 
.home-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background-color: var(--card-bg, #ffffff);
  color: var(--heading-color, #111827);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  box-sizing: border-box;
}

/* Effetto interattivo al passaggio del mouse */
.blog-pager-older-link:hover, 
.blog-pager-newer-link:hover, 
.home-link:hover {
  background-color: #2563eb;
  color: #ffffff;
  border-color: #2563eb;
  text-decoration: none;
  transform: translateY(-2px);
}

Verifica: Il blocco CSS viene aggiunto correttamente all'interno del foglio di stile senza errori di sintassi.

3.Salva e verifica sul blog:Salvataggio e Test.

Clicca sull'icona del dischetto in basso a destra per salvare le modifiche, quindi vai sulla home page del tuo blog e scorri fino in fondo.

Verifica: I vecchi link di navigazione si sono trasformati in pulsanti geometrici e rifiniti, che si sollevano e cambiano colore al passaggio del mouse in armonia con il resto del design.

Qual è il futuro per Blogger, una piattaforma poco supportata e con pochi aggiornamenti?

noreply@blogger.com (Pierluigi Soraci) — Tue, 18 Aug 2026 17:30:00 +0200

Il futuro di Blogger appare incerto. Google non ha annunciato grandi novità o investimenti significativi, e la piattaforma rimane ferma rispetto ai concorrenti più moderni. È probabile che continui a esistere come servizio gratuito e minimale, ma senza grandi evoluzioni.

Stato attuale di Blogger

Piattaforma storica: Blogger è stata una delle prime piattaforme di blogging, lanciata nel 1999 e acquisita da Google nel 2003.
Aggiornamenti minimi: Negli ultimi anni non ha ricevuto nuove funzionalità rilevanti. Mancano strumenti moderni come editor a blocchi, SEO integrato o temi avanzati.
Supporto limitato: Google mantiene un centro assistenza e una community, ma non investe in innovazioni sostanziali.

Perché Blogger sembra “fermo”

Competizione forte: WordPress, Medium, Substack e altre piattaforme offrono più flessibilità, monetizzazione e strumenti di crescita.
Assenza di strategia chiara: Non ci sono segnali concreti di un rilancio da parte di Google. Alcuni osservatori parlano di una piattaforma “congelata nel tempo”.
Uso residuale: Rimane utile per chi vuole un blog semplice, gratuito e senza complicazioni tecniche, ma non è adatta a progetti professionali.

⚖️ Confronto rapido: Blogger vs WordPress (2025)

Caratteristica
Blogger
WordPress

Aggiornamenti
Rari, minimi
Costanti, con nuove funzioni e plugin

SEO & marketing
Molto limitato
Avanzato, con plugin dedicati

Design & temi
Pochi e datati
Migliaia di temi moderni

Monetizzazione
Solo AdSense
Ampie opzioni (e-commerce, membership, ads)

Facilità d’uso
Molto semplice
Più complesso, ma flessibile

Futuro
Incerto, stagnante
Solido, in crescita

Rischi e limiti da considerare

Dipendenza da Google: Se Google decidesse di chiudere o ridurre ulteriormente il supporto, i contenuti potrebbero essere a rischio.
Scarsa evoluzione: Chi inizia oggi su Blogger rischia di trovarsi presto con uno strumento obsoleto.
Opportunità mancate: Mancanza di integrazione con strumenti moderni di marketing e community building.

✅ Raccomandazione

Se cerchi un blog personale, semplice e gratuito, Blogger può ancora funzionare. Se invece vuoi costruire un progetto professionale, scalabile e duraturo, è meglio orientarsi verso WordPress o altre piattaforme più moderne.

Come posso personalizzare l'aspetto del pulsante o del link 'Leggi di più' all'interno delle anteprime della home page?

noreply@blogger.com (Pierluigi Soraci) — Sat, 15 Aug 2026 13:30:00 +0200

Per trasformare il classico link "Leggi di più" (o Jump Link) delle anteprime in un vero e proprio pulsante interattivo ed elegante che si adatta automaticamente alla modalità scura, puoi aggiungere un blocco CSS dedicato nel tema di Blogger.

1.Apri l'editor HTML del tema:Accesso al codice.

Accedi alla dashboard di Blogger, seleziona Tema, clicca sui tre puntini accanto a Personalizza e scegli Modifica HTML.

Verifica: L'editor del codice sorgente del blog risulta aperto.

2.Inserisci lo stile personalizzato:Codice CSS per il Pulsante.

Individua il tag di chiusura ]]></b:skin> e inserisci subito prima questo blocco CSS. Questo codice intercetta le classi standard dei link di approfondimento di Blogger (.jump-link o simili) e le trasforma in un pulsante curato con animazione al passaggio del mouse:

CSS

/* Stile personalizzato per il pulsante "Leggi di più" nelle card */
.jump-link, .more-link, .read-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
  padding: 8px 16px;
  background-color: var(--card-bg, #f3f4f6);
  color: var(--heading-color, #111827);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  box-sizing: border-box;
}

/* Gestione del testo o del link interno a seconda del template Blogger */
.jump-link a, .more-link a, .read-more a {
  color: inherit;
  text-decoration: none;
}

/* Effetto interattivo al passaggio del mouse */
.jump-link:hover, .more-link:hover, .read-more:hover,
.jump-link a:hover, .more-link a:hover, .read-more a:hover {
  background-color: #2563eb;
  color: #ffffff;
  border-color: #2563eb;
  text-decoration: none;
  transform: translateY(-2px);
}

Verifica: Il blocco CSS viene aggiunto correttamente all'interno del foglio di stile senza errori di sintassi.

3.Salva e verifica sul blog:Salvataggio e Test.

Clicca sull'icona del dischetto in basso a destra per salvare le modifiche, quindi ritorna alla home page del tuo blog e ricarica la pagina.

Verifica: Sotto ogni anteprima di articolo, il link "Leggi di più" si è trasformato in un pulsante coordinato con il design delle card, che si illumina e si solleva leggermente quando ci posizioni sopra il cursore.

Come risolvere i problemi di configurazione dei tag sul sito web

noreply@blogger.com (Pierluigi Soraci) — Wed, 12 Aug 2026 01:27:00 +0200

Identifica e risolvi i problemi di configurazione dei tag che impediscono di visualizzare i dati in Google Analytics

I dati del tuo sito web potrebbero non essere visualizzati in Google Analytics per i seguenti motivi:

Il tag Google non è installato sul tuo sito web
Il tag Google è installato in modo errato
Il tuo sito web non ha ricevuto traffico
I tuoi dati non sono stati ancora elaborati

Il tag Google non è installato sul tuo sito web

Puoi installare Google Analytics sul tuo sito web utilizzando il tag Google (gtag.js) o Google Tag Manager. A seconda dell'opzione scelta, devi aggiungere uno o due snippet di codice a ogni pagina del tuo sito web. Scopri come installare il tag Google.

Nota: se utilizzi un sistema di gestione dei contenuti o uno strumento per la creazione di siti web che ti richiede di utilizzare un ID UA (precedente), consulta Configurare Analytics per un sito web con hosting CMS.

Il tag Google è installato in modo errato

Di seguito sono riportati i possibili motivi per cui il codice potrebbe essere installato in modo errato:

Tag Google (gtag.js)

La posizione dello snippet del tag Google non è corretta

Assicurati di aggiungere il tag Google dopo il tag HTML <head> di apertura nel codice del tuo sito web.

Devi anche assicurarti di aggiungere lo snippet a ogni pagina del tuo sito web. Google Analytics raccoglie solo i dati delle pagine del tuo sito web che includono lo snippet.

L'ID tag Google non è corretto

Per trovare l'ID tag Google corretto:

In Google Analytics, fai clic su Amministrazione.
Assicurati di usare l'account e la proprietà corretti.

Fai clic su Stream di dati e poi seleziona lo stream di dati web per il sito web.
Nella sezione Dettagli stream, copia l'ID misurazione.

L'ID misurazione nella sezione Dettagli stream deve corrispondere all'ID nel tag Google:

 <script async src="https://www.googletagmanager.com/gtag/js?id=Measurement-ID"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date());

gtag('config', 'Measurement-ID'); </script>

Il tag Google contiene spazi vuoti o caratteri aggiuntivi

Copia lo snippet del tag da Google Analytics e incollalo direttamente nel codice del sito web utilizzando un editor di testo o un editor che conserva la formattazione del codice.

Evita di utilizzare un elaboratore di testi per copiare il tag dal tuo account. In caso contrario, è possibile che nel tag venga aggiunto uno spazio supplementare o vengano modificate le virgolette. Il tag richiede una formattazione precisa per funzionare correttamente.

Tag Manager

Per saperne di più sulla risoluzione dei problemi di configurazione di Tag Manager, consulta Risoluzione dei problemi.

La posizione degli snippet di Tag Manager non è corretta

L'ID tag Google non è corretto

Il tag di configurazione GA4 non è stato configurato

Quando utilizzi Tag Manager per configurare Google Analytics, devi installare gli snippet di Tag Manager e configurare il tag di configurazione GA4. Scopri di più sul tag di configurazione GA4

Il tag di configurazione GA4 non ha una condizione di attivazione

Il tag di configurazione GA4 deve avere una condizione di attivazione, che di solito viene configurata al caricamento della pagina. Scopri di più sulle condizioni di attivazione

Sono installati gli snippet di Tag Manager e del tag Google

Devi utilizzare solo il tag Google o Tag Manager, non entrambi. L'utilizzo di entrambi i metodi avrà conseguenze impreviste, ad esempio la sovrastima dei dati del tuo sito web. Se hai installato gli snippet di Tag Manager e lo snippet del tag Google, rimuovi una di queste opzioni di implementazione.

Le modifiche di Tag Manager non sono state pubblicate

Dopo aver configurato il tag di configurazione GA4, assicurati di pubblicare le modifiche facendo clic su Invia in Tag Manager. In caso contrario, i dati non saranno visibili in Google Analytics.

Il tuo sito web non ha ricevuto traffico

Se hai appena installato Google Analytics per la prima volta e non ricevi alcun dato, è possibile che tu non abbia traffico sul tuo sito web da visualizzare nei report. Prova a fare clic sul sito web, poi attendi un minuto per vedere se questi clic vengono inseriti nel report In tempo reale.

I tuoi dati non sono stati ancora elaborati

Il report In tempo reale mostra i dati man mano che gli utenti utilizzano il tuo sito web. Se hai appena installato Google Analytics per la prima volta, dovrai attendere fino a 24 ore prima che Google Analytics elabori i dati del tuo sito web e poi li visualizzi nel report In tempo reale.

Inoltre, se il numero di utenti del tuo sito web non è elevato, Analytics potrebbe applicare soglie per proteggere l'identità dei singoli utenti. Puoi verificare nella parte superiore di un report se è stata applicata una soglia.

I 20 migliori widget e plugin di Blogger da usare gratuitamente nel 2026

noreply@blogger.com (Pierluigi Soraci) — Tue, 4 Aug 2026 20:37:00 +0200

Ecco un elenco completo dei migliori widget di Blogger da utilizzare sulla piattaforma di blogging di Google, BlogSpot.

Quando gestisci un sito web, dovrai utilizzare diversi tipi di servizi, strumenti e componenti aggiuntivi per aggiungere funzionalità aggiuntive al tuo sito e far crescere la tua attività online in generale.

Ad esempio, dovrai utilizzare un servizio di monitoraggio dei link di qualità per analizzare le campagne di marketing online e strumenti SEO come Writerzen per ricercare parole chiave, controllare allintitle e Golden Keyword Ratios e SurferSEO per ottimizzare i contenuti per i motori di ricerca.

Lo stesso vale per Blogger. Sebbene Blogger sia una piattaforma di blogging di qualità , presenta ancora molte funzionalità in meno rispetto a WordPress . Anche Google Sites, un creatore di siti gratuito, offre diversi widget rispetto a Blogger .

Quindi, quali widget di Blogger dovresti usare sul tuo sito? E dove puoi trovare widget affidabili e di qualità per i blog di Blogspot?

Ecco cosa scoprirete in questo articolo.

Nei nostri precedenti articoli sull'utilizzo del widget del modulo di contatto di Blogger sulle pagine statiche e sui principali widget di condivisione sui social media per Blogger e sull'installazione dei commenti di Facebook con notifiche , abbiamo condiviso diversi plugin per Blogger.

Ma in questo articolo troverai un elenco dei principali widget essenziali di Blogspot da utilizzare per aumentare il traffico e i ricavi .

Sommario

Come aggiungere widget su Blogger

I generatori di widget di Blogger forniscono un codice di incorporamento widget univoco (solitamente un elemento div con un identificatore univoco ) e un codice JavaScript universale.

Elfsight è un servizio popolare che fornisce oltre 90 widget HTML gratuiti per siti web . Di seguito è riportato il codice di incorporamento per un widget di modulo HTML.

<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
<div class="elfsight-app-8e9407e4-422e-4ef1-96a1-5a75bf82afe4" data-elfsight-app-lazy></div>

Se installi più widget dallo stesso generatore di widget HTML, ovvero Elfsight nel nostro esempio precedente, puoi aggiungere il codice JavaScript nella sezione dell'intestazione o del piè di pagina del tuo tema Blogger una sola volta.

Ecco come aggiungere codici widget di terze parti a Blogger:

Passaggio 01 : accedi al tuo account Blogger e vai alla sezione " Tema ".

Passaggio 02 : fare clic sull'opzione " Modifica HTML ", come mostrato nello screenshot qui sotto.

NOTA : esegui il backup del tema nel caso in cui in futuro volessi ripristinare la versione precedente.

Passaggio 03 : trova </bodyil codice nel tuo tema Blogger e posiziona il codice JavaScript sopra di esso.

1) Cerca il tag di chiusura del corpo 2) Trova il tag di chiusura nel tuo tema 3 ) Inserisci il codice JavaScript per il provider di widget di Blogger 4) Salva le modifiche

Fase 4 : Ora puoi aggiungere qualsiasi widget o plugin HTML ai post del blog, alle pagine e alle aree widget. Se il tuo tema Blogger non ha un'area widget, usa un tema Blogger con sezioni widget o aggiungi una nuova area widget al tuo tema esistente.

Aggiungi gadget HTML/JavaScript all'area widget del blog di Blogger

Ora incolla il codice HTML per il widget Blogger nel campo " Contenuto ". Puoi lasciare vuoto il campo "Titolo".

Configurare il gadget HTML/JavaScript in Blogger

In alternativa, puoi copiare e incollare il codice completo del widget, incluso il file JavaScript, in un'area widget utilizzando un gadget HTML/JavaScript.

Aggiunta di codice completo per un widget Blogger su un gadget HTML/JavaScript ( Attenzione : questo potrebbe influire sulla velocità di caricamento del sito web)

Incorpora widget su Blogger utilizzando Google Tag Manager

Google Tag Manager è uno strumento di gestione degli script per i siti web. Permette di caricare script esterni sul sito in modo asincrono . Nel complesso, Google Tag Manager offre diversi vantaggi agli utenti, come la sequenzialità, un impatto minore sulla velocità del sito, un fattore fondamentale dei Core Web Vitals , e il caricamento degli script su pagine specifiche.

Accedi a Google Tag Manager (e crea uno spazio di lavoro per il tuo blog Blogspot) e aggiungi un nuovo tag HTML (scegli il tipo di tag "HTML personalizzato").

Aggiungere il codice JavaScript per il generatore di codice del widget Blogger.

Scegli i trigger di attivazione giusti (ad esempio, Visualizzazione pagina)

Salva le modifiche e clicca sul pulsante "Invia" per pubblicarle. Una volta fatto, installa il codice di Google Tag Manager sul tuo sito.

Ora puoi posizionare il codice HTML per i widget in punti quali la barra laterale, i post del blog e il contenuto della pagina.

È necessario modificare la modalità di modifica in "Visualizzazione HTML" nell'editor dei post per aggiungere widget HTML nei post e nelle pagine di Blogger

6 cose da considerare quando si utilizzano widget HTML di terze parti su Blogger

È possibile installare più widget su Blogger . Supponiamo che tu voglia aggiungere più timer per il conto alla rovescia a una landing page. In tal caso, oltre ad aggiungere più volte un file JavaScript simile a <script src="https://example.com/script.js"/>, puoi aggiungerlo una volta e incorporare l'elemento div HTML che visualizza i timer per il conto alla rovescia.
Puoi utilizzare un servizio di gestione dei tag in Blogger : installa lo script di Google Tag Manager sul tuo sito seguendo le istruzioni sopra riportate. In Google Tag Manager, puoi aggiungere script per i provider di widget di Blogger. L'utilizzo di un servizio come Google Tag Manager offre ulteriori vantaggi , come un impatto minore sul tempo di caricamento complessivo della pagina, sulla sequenziazione e un'installazione più semplice dei widget.
Considera la velocità di caricamento delle pagine : a nessuno piacciono le pagine web che impiegano un'eternità a caricarsi. L'utilizzo eccessivo di widget su un blog di Blogspot potrebbe causare questo problema. Se aggiungi immagini a un widget di Blogger (ad esempio, un Photo Slider), ridimensionale correttamente, comprimile utilizzando un servizio come ShortPixel Compressor e utilizza un formato immagine moderno come WebP e AVIF .
Puoi personalizzare i widget prima e dopo averli aggiunti a Blogger : la maggior parte dei provider di widget HTML per Blogger consente di personalizzare i widget in modo che siano in sintonia con il tema e la tavolozza dei colori del tuo marchio utilizzando l'editor visuale e il CSS.
Esegui un test A/B della tua strategia : puoi utilizzare Blogger per vari motivi: blogging, marketing di affiliazione , generazione di lead, presentazione del tuo portfolio e creazione di una pagina bio. Qualunque sia il motivo, sperimenta le tue strategie utilizzando diversi widget e posizionamenti dei widget.
Collaborazione : alcuni creatori di widget di Blogger consentono di aggiungere collaboratori per progettare widget in modo cooperativo.

I 12 migliori widget e plugin di Blogger da usare oggi

Widget di iscrizione via email

Una delle prime cose che dovresti implementare, come blogger, è raccogliere i dati dei visitatori, in particolare gli indirizzi email. Perché? Perché la maggior parte dei visitatori che visitano il tuo sito per la prima volta non tornerà mai più.

Una volta creata una mailing list mirata di persone interessate alle tue offerte e ai tuoi articoli, puoi indirizzare queste persone ai tuoi ultimi post. Questo aiuterà il tuo sito in molti modi, ad esempio aumentando il numero di visitatori di ritorno e il tempo medio di permanenza sulla pagina.

Uno degli svantaggi di Blogger è che non offre un widget di qualità per l'iscrizione alle email. Sì, la libreria di widget di Blogger include un gadget "Iscrizione ai feed". Tuttavia, creare una mailing list basata su una lista di iscrizione ai feed offre molte opportunità, come la promozione di offerte, l'automazione delle email e la vendita di clic via email .

Il vantaggio più grande è che il pubblico (ovvero un elenco di indirizzi e-mail) appartiene a te, a differenza degli abbonati ai feed RSS.

Fortunatamente, molti creatori di widget per l'iscrizione via email si integrano con Blogger:

Come aggiungere un modulo email di iscrizione a Blogger

Vi mostrerò come usare ConvertBox per creare un modulo di iscrizione. In alternativa, potete utilizzare uno qualsiasi dei servizi elencati sopra.

Registrati su ConvertBox e aggiungi il tuo sito web. Quindi, clicca sul pulsante " + Nuovo ConvertBox " nella tua dashboard.

Inserisci un nome per il tuo nuovo widget di iscrizione alle email di ConvertBox. Puoi anche aggiungerlo a un gruppo specifico per organizzare i widget.

Seleziona un tipo di ConvertBox.

Scegli un tipo di widget ConvertBox sovrapposto o incorporato

Ora vedrai una serie di modelli tra cui scegliere. Puoi personalizzarne uno o crearne uno da zero.

Personalizza il widget utilizzando il generatore di pagine drag-and-drop. Per maggiori dettagli su come utilizzare ConvertBox, consulta questo articolo su ConvertBox .

Editor convertibile

Integralo con il tuo servizio di email marketing (ad esempio: AWeber ) per consentire ai visitatori di seguirti tramite email, eseguire test A/B aggiungendo più varianti e utilizzare opzioni di targeting.

Combinazione di alcune delle opzioni di targeting dei visitatori in ConvertBox

Feed sociale

Se gestisci un account social media su piattaforme come Twitter, Facebook, TikTok, Pinterest, Instagram e LinkedIn, potresti voler incorporare un feed social (o post/aggiornamenti social) sul tuo sito.

Per farlo, dovrai utilizzare un widget social feed su Blogger.

Esistono molti fornitori di widget per social feed. Eccone alcuni:

Elfsight Social Feed : crea feed per i social media da combinazioni illimitate di più fonti: Instagram, Facebook, YouTube, TikTok, Twitter, Pinterest, Tumblr, RSS e altro ancora.
Powr Social Feed : come EllSight, il plugin Social Feed di Powr ti consente di aggiungere post da più fonti, personalizzare il widget e incorporarlo nel tuo sito.
TagEmbed
IncorporaAggregatore di social media
TaggBox
Widget dei feed dei social media di CommonNinja

Come creare un widget feed social per Blogger

Utilizza il generatore di widget qui sotto per progettare il tuo widget Blogger Social Feed.

Widget Instagram gratuito per blogger

Il widget Instagram per Blogger ti consente di visualizzare i post di un utente specifico (in base all'handle "@"), nonché hashtag e reel sul tuo sito Blogger. Esistono diversi widget per i feed di Instagram compatibili con Blogspot. Elfsight e TagEmbed sono due di questi.

Utilizza il generatore di codice per widget Instagram qui sotto per creare un widget e ottenere il codice di incorporamento.

widget popup

Blogger non fornisce un gadget popup nella sua libreria di widget. Pertanto, per aggiungerne uno, dovrai utilizzare un servizio di terze parti.

Perché dovresti usare i widget popup su Blogger?

Riduci l'abbandono della pagina : se utilizzi Blogger per vendere qualcosa, è probabile che molti utenti abbandonino la pagina alla prima visita senza effettuare acquisti. Utilizza un widget popup con coupon che si apre in caso di abbandono della pagina per aumentare le entrate.
Cattura il traffico in uscita : una percentuale significativa del numero totale di visitatori visita un sito solo una volta e non torna mai più. Perché non utilizzare un popup exit-intent sul tuo sito per catturare queste persone?
Popup mirati al clic : molti creatori di widget popup consentono di visualizzare un popup in vari modi. Alcuni di questi sono attivabili quando si clicca su un determinato link, pulsante o elemento.

Nel nostro recente articolo sui migliori software popup per siti web , abbiamo elencato oltre 10 servizi, le funzionalità principali e le demo di alcuni di essi. Tra questi:

Come creare un widget popup per Blogger

Puoi utilizzare un creatore di popup come Convertful, ConvertBox, OptinMonster o Convertflow per progettare un popup in base alle tue esigenze.

Ecco come creare un widget popup su Brizy :

Timer per il conto alla rovescia

Una delle principali tattiche di marketing utilizzate nel corso degli anni è quella di suscitare un senso di urgenza (ad esempio, l'illusione di una scadenza) nel messaggio. È qui che entrano in gioco i "timer per il conto alla rovescia". Supponiamo che tu promuova un'offerta sul tuo blog, che si tratti di prodotti e servizi o offerte di affiliazione (in particolare prodotti di affiliazione pre-lancio). In questi casi, utilizzare un timer per il conto alla rovescia nel posto giusto al momento giusto può aumentare le conversioni delle tue promozioni.

Poiché Blogger non fornisce un gadget per il conto alla rovescia nella libreria dei widget di Blogger, è necessario utilizzare un timer per il conto alla rovescia personalizzato.

Ecco i migliori timer per il conto alla rovescia per Blogger:

Gli strumenti sopra descritti consentono di creare diversi tipi di timer per il conto alla rovescia in HTML . Tra questi, barre per il conto alla rovescia, widget per il conto alla rovescia in linea e timer che contano a partire da un momento specifico . Possono essere utili non solo nelle promozioni, ma anche per visualizzare il tempo rimanente per un determinato evento.

Come creare un widget per il conto alla rovescia per Blogger

Utilizzare il seguente generatore di widget per creare un timer per il conto alla rovescia.

Widget di recensioni

Secondo molti studi come questo dello Spiegel Research Center, le recensioni online influenzano la generazione di vendite. Una statistica mostra che la probabilità di acquisto di un prodotto con cinque recensioni è del 270% maggiore rispetto a quella di un prodotto senza recensioni.

L'impatto finanziario della visualizzazione delle recensioni online

Esistono numerose piattaforme di recensioni per raccogliere opinioni su un'azienda o un prodotto.

Profilo aziendale Google : noto anche come Recensioni Google. Google mostra le recensioni sulle pagine dei risultati di ricerca di Google e su Maps relative ad attività commerciali e sedi.
Recensioni dei clienti Amazon : visualizzate su ogni pagina prodotto su Amazon.
Valutazioni e recensioni delle pagine Facebook : note anche come raccomandazioni di Facebook.
Recensioni Yelp : recensioni sulle attività commerciali locali.
Altre piattaforme di recensioni : TrustPilot, G2, Capterra, OpenTable, Instagram, Booking.com, BBB, eBay, Google Play e Apple App Store

Abbiamo già spiegato in molti articoli come incorporare le recensioni sulle piattaforme sopra menzionate in un sito web. Ecco come fare:

Widget Recensioni Amazon : ideali per migliorare le conversioni convincendo i potenziali clienti indecisi ad acquistare i tuoi prodotti sfruttando l'autorevolezza di Amazon.
Widget Recensioni di Google : ideali per condividere su un sito web ciò che gli utenti Google dicono di una particolare attività commerciale o di una località locale.
Widget di recensioni di Facebook : ideali per mostrare cosa hanno detto gli utenti di Facebook su un'azienda.
Widget di recensioni di Yelp : ideali da utilizzare se hai un'attività locale e questa è presente su Yelp con un buon numero di recensioni positive.

Widget di recensioni miste per Blogger

I widget di recensioni sopra riportati consentono di incorporare separatamente le recensioni di ciascuna piattaforma. Tuttavia, è possibile creare un widget che visualizzi le recensioni di tutte le piattaforme.

Utilizza il generatore di widget qui sotto per progettare un widget di recensioni completo per Blogspot.

Oltre ai widget di recensione sopra indicati, puoi utilizzare i widget di testimonianza per mostrare recensioni personalizzate sul tuo sito.

Creatore di slider Testimonianze di Powr

Widget di YouTube

È possibile incorporare facilmente i video di YouTube in un sito Blogspot, nei post e nelle pagine, utilizzando lo strumento di ricerca video di YouTube integrato e nelle aree widget utilizzando il codice di incorporamento video.

Tuttavia, se vuoi incorporare una galleria di video di YouTube (ad esempio una playlist video) e il canale completo sul tuo sito, devi utilizzare un widget YouTube personalizzato.

Ecco alcuni fornitori di widget video di YouTube per i blogger:

Crea un widget YouTube per Blogger

Utilizza il generatore di widget qui sotto per creare un widget YouTube per Blogger. Puoi selezionare un modello come un singolo video, una playlist, una griglia o un elenco, personalizzare l'aspetto e utilizzare più fonti e annunci AdSense.

Widget Tabelle di confronto

Se sei un affiliato e vuoi guadagnare di più dal tuo blog , dovresti prendere in considerazione l'utilizzo di tabelle di confronto prodotti nei tuoi post. Le tabelle di confronto sono utili in molti modi:

Le persone possono confrontare le caratteristiche e i dettagli chiave di più prodotti contemporaneamente
Pulsanti CTA (invito all'azione) più chiari e più evidenti aumentano i clic sui tuoi link di affiliazione
I lettori riescono a comprendere rapidamente le USP (Unique Selling Proposition) o i componenti unici o i differenziatori dei prodotti e a prendere decisioni in base alle loro esigenze
Tu (il marketer) guadagni di più con l'aumento dei clic

Ho condiviso i migliori servizi, funzionalità e demo nel mio recente articolo sui migliori produttori di tavoli comparativi . Ecco alcuni nomi:

Guarda il video qui sotto per scoprire come creare una tabella di confronto prodotti utilizzando Affiliatable. Scopri di più nella recensione di Affiliatable .

Widget del modulo

Ti sei mai chiesto se è possibile creare un widget modulo multicampo utilizzando il modulo Contatti di Blogger? Purtroppo, il widget Modulo Contatti di Blogger è impossibile da personalizzare e Blogger non fornisce una soluzione.

Se vuoi creare un modulo di contatto multicampo che raccolga più di nome, e-mail e messaggio e moduli multi-fase come moduli di feedback, sondaggio e prenotazione, devi utilizzare un widget di terze parti per la creazione di moduli in Blogger.

Ecco alcuni creatori di moduli:

Come creare un widget di modulo per Blogger

Utilizza il generatore di widget per moduli HTML qui sotto per creare gadget HTML come un widget per moduli di contatto per Blogger. Puoi aggiungere più campi, personalizzare l'aspetto e visualizzare in anteprima l'aspetto mobile prima di incorporarlo nel tuo sito.

Scopri di più sul generatore di moduli AI, pro e contro, ecc., nella recensione di Elfsight Form Builder e trova altri generatori di moduli in questo articolo .

Torna all'inizio

I widget "Torna all'inizio" o "Scorri all'inizio" aiutano gli utenti a raggiungere la parte superiore della pagina cliccando o toccando l'icona del widget. Alcuni temi di Blogger includono gadget "Torna all'inizio" integrati. Tuttavia, se il tuo tema attuale non ne è dotato, non è necessario modificarlo. Utilizza uno dei widget "Torna all'inizio" qui sotto.

Come creare un widget scroll-to-top per Blogger

Utilizza il generatore di widget qui sotto per personalizzare il tuo widget.

Widget Galleria fotografica

Che tu gestisca un blog fotografico, un portfolio, un e-commerce o un'opera d'arte su Blogger, potresti voler aggiungere una galleria fotografica alle tue pagine web. Puoi utilizzare i widget fotografici per creare presentazioni, mostrare lavori e risultati precedenti e promuovere prodotti.

Poiché la libreria dei widget di Blogger non include un widget per la galleria fotografica , è necessario utilizzare un servizio di terze parti.

Ecco alcuni servizi:

Come aggiungere un widget galleria fotografica per Blogger

Utilizza il generatore di widget qui sotto per configurare un gadget di galleria fotografica reattivo e ottenere il codice di incorporamento.

Widget di pagamento

Un altro widget non disponibile nella libreria di widget di Blogspot è un widget di pagamento di qualità. Se vuoi vendere i tuoi servizi e prodotti sul tuo blog Blogspot, dovresti utilizzare un widget di pagamento di qualità, affidabile e ad alta conversione.

Sono disponibili molti widget di pagamento, tra cui il widget del pulsante PayPal , Stripe Payments Checkout e Paddle Checkout . Tuttavia, supponiamo che tu voglia sviluppare un modulo di pagamento che offra funzionalità extra come OTO (offerte una tantum), codici coupon, gestione degli affiliati e consegna dei prodotti. In tal caso, dovresti utilizzare un fornitore di widget di pagamento di terze parti.

Generatore di pagine di pagamento drag-and-drop ThriveCart

Ecco alcuni dei provider di widget di pagamento per Blogger:

ThriveCart : crea pagine di pagamento ad alta conversione, integra con PayPal, 2Checkout, Stripe, gestisci partnership (contratti JV) e affiliati e molto altro.
SamCart : un servizio simile a ThriveCart con funzionalità come la consegna dei prodotti e i pagamenti ricorrenti.
Sellix – Noto soprattutto per i pagamenti in criptovalute. Vendi prodotti e ricevi pagamenti tramite Binance Pay, Stripe, CashApp e criptovalute.
Paddle – Paddle raccoglie i pagamenti tramite carte, PayPal, Apple Pay, ecc. e ti paga tramite PayPal, bonifico bancario e Payoneer .

Chat dal vivo

Il widget di chat aiuta a fornire assistenza clienti, a convertire le persone in lead e a convincere i visitatori indecisi a diventare clienti in tempo reale.

Esistono due tipi di widget per la chat live:

Widget di chat sociale
Widget di chat di terze parti

I widget di chat live social utilizzano piattaforme come Facebook, Telegram , WhatsApp , WeChat e Viber per abilitare la funzionalità di chat live. Se si utilizza uno di questi widget, gli utenti devono disporre di un account registrato per avviare una conversazione. I widget di chat di terze parti sono personalizzati e gli utenti possono inviare messaggi in modo anonimo.

Widget di chat sociale all-in-one per Blogger

Il widget All-in-one Chat di Elfsight è il widget di live chat social definitivo di cui potresti aver bisogno. Supporta le piattaforme Facebook, WhatsApp, Telegram, Instagram, WeChat, Viber, Line e RubleTalk.

Elfsight, editor di widget di chat tutto in uno

Utilizza il generatore di widget qui sotto per progettare il tuo widget di chat.

Fornitori di widget di chat di terze parti

Ecco diverse opzioni se stai cercando un fornitore di live chat per il tuo Blogger. Tieni presente che questi servizi consentono agli utenti di inviare messaggi in modo anonimo e offrono funzionalità aggiuntive come risposta automatica via email, CRM (Customer Relationship Management) e messaggi in-app.

Consulta il tutorial sulla configurazione di Gist per scoprire come aggiungere un widget Gist Chat a un sito web.

Altri 8 widget preziosi per Blogger

Ecco altri widget da utilizzare sul tuo sito web Google Blogger.

Google Maps : vuoi incorporare un widget di Google Maps con più sedi della tua attività? Utilizza uno di questi widget interattivi di Google Maps .
Monitoraggio del traffico del sito web : Blogger consente di analizzare gli utenti del sito web tramite Google Analytics e di fornire statistiche di base. Tuttavia, se si desidera visualizzare in modo semplice il conteggio dei visitatori in tempo reale , è necessario utilizzare un widget.
FAQ – Il gadget Domande frequenti su Blogger può aiutare ad aumentare le conversioni visualizzando domande e risposte che altrimenti i potenziali clienti dovrebbero contattare per conoscerle.
Calendario eventi : vuoi visualizzare un elenco di eventi sul tuo sito? Utilizza uno di questi widget per il calendario eventi .
Widget per concorsi sui social media : i creatori di concorsi a premi online come SweepWidget e UpViral ti consentono di incorporare un omaggio in un blog e di organizzare una campagna di omaggi sul tuo sito.
Slider del logo : la libreria dei widget di Google Sites non include un widget per visualizzare i loghi dei clienti. Dovrai utilizzare un widget slider del logo o inserire un collage grafico di loghi.
Incorporatore PDF : potresti voler incorporare un file PDF nel tuo Blogger per presentare il tuo curriculum, il tuo portfolio o il tuo media kit. In questi casi, dovrai utilizzare un plugin di visualizzazione PDF responsive per siti web . Se desideri incorporare file come documenti Microsoft Word, fogli di calcolo Excel e presentazioni PowerPoint, dovresti utilizzare un widget di visualizzazione file .
Slider prima e dopo : mostra come i tuoi servizi e prodotti hanno avuto un impatto sugli altri utilizzando uno slider di foto prima/dopo . Ad esempio: lavori di costruzione, lavori di ristrutturazione di una casa, servizio di pulizia di appartamenti, servizio dentistico e acconciature.

Per saperne di più, dai un'occhiata all'archivio dei widget del nostro sito web !

Correlati : La guida completa per il SEO dei blogger

Domande frequenti

Come aggiungere widget su Blogger

Blogger offre diversi widget gratuiti da utilizzare direttamente nella sezione Layout. Inoltre, puoi utilizzare il gadget "HTML/JavaScript" per incorporare widget HTML, JavaScript e CSS di terze parti su Blogger.

Come aggiungere un widget meteo a Blogger

Puoi creare un widget per le previsioni meteo che funzioni in base alla posizione del visitatore e alle località definite. Utilizza un fornitore di widget meteo come TheWeather o utilizza servizi personalizzati per progettare il tuo widget meteo. Scopri di più .

Come aggiungere link ai social media su Blogger

Scegli un buon fornitore di widget per social media che ti consenta di creare widget personalizzati per i link ai social media. Personalizza il widget scegliendo le piattaforme social e ottieni il codice di incorporamento. Inserisci il codice sul tuo sito utilizzando il gadget "HTML/JavaScript".

Parole finali sui migliori widget per Blogger

Tra le numerose piattaforme di blogging, Blogger, la piattaforma di Google nota anche come Blogspot, è degna di nota per diversi motivi. La possibilità di aggiungere widget di terze parti senza problemi e la personalizzazione dei temi sono sicuramente alcuni dei fattori più significativi.

Tuttavia, a differenza di WordPress, Blogger presenta alcune limitazioni. Una di queste è l'inventario di widget di qualità.

La verità è che quando si crea e si fa crescere un sito, è necessario utilizzare più widget per aggiungere funzionalità e caratteristiche diverse.

In questo articolo troverai diversi widget e plugin di Blogger, nonché alcuni aspetti da considerare quando si utilizzano i widget su un sito Blogspot.

Allora, quali widget mancano in questa lista dei migliori widget per Blogger? Condividete i vostri commenti qui sotto.

fonte