{"id":80789,"date":"2025-02-17T09:00:00","date_gmt":"2025-02-17T08:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=80789"},"modified":"2025-02-17T11:13:32","modified_gmt":"2025-02-17T10:13:32","slug":"hotjar-wordpress","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/hotjar-wordpress\/","title":{"rendered":"Hotjar WordPress: guida completa alle mappe di calore"},"content":{"rendered":"\n<p>Per ottenere un sito web davvero efficace non basta limitarsi all&#8217;aspetto estetico e al contenuto: ci\u00f2 che davvero fa la differenza &#8211; soprattutto quando si parla di vendite! &#8211; \u00e8 capire come gli utenti interagiscono con il tuo sito, per ottimizzare l&#8217;esperienza e ottenere risultati sempre migliori. Qui entra in gioco <strong>Hotjar<\/strong>, uno strumento potentissimo che aiuta a raccogliere dati comportamentali degli utenti e fornisce informazioni dettagliate attraverso le cosiddette <em>heatmap<\/em>.<\/p>\n\n\n\n<p>In questa guida, oltre ad approfondire nel dettaglio <strong>come integrare Hotjar su WordPress<\/strong>, scopriremo come usarlo per ottimizzare il tuo sito, migliorare le conversioni e risolvere eventuali problemi di usabilit\u00e0 e, pi\u00f9 in generale, come funziona questo tipo di strumento.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cosa-sono-le-heatmap\">Cosa sono le heatmap<\/a><\/li><li><a href=\"#cose-hotjar\">Cos&#8217;\u00e8 Hotjar<\/a><\/li><li><a href=\"#come-installare-hotjar-su-word-press\">Come installare Hotjar su WordPress<\/a><ul><li><a href=\"#creare-un-account-su-hotjar\">Creare un account su Hotjar<\/a><\/li><li><a href=\"#attivare-hotjar-su-word-press\">Attivare Hotjar su WordPress<\/a><ul><li><a href=\"#installare-il-tag-su-word-press\">Installare il tag su WordPress<\/a><\/li><li><a href=\"#inviare-il-codice-al-team\">Inviare il codice al team<\/a><\/li><li><a href=\"#installare-hotjar-su-word-press-tramite-plugin\">Installare Hotjar su WordPress tramite plugin<\/a><\/li><li><a href=\"#installare-attraverso-npm-node-package-manager\">Installare attraverso NPM (Node Package Manager)<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#come-funziona-hotjar-su-word-press\">Come funziona Hotjar su WordPress<\/a><ul><li><a href=\"#heatmap\">Heatmap<\/a><\/li><li><a href=\"#registrazione-delle-sessioni\">Registrazione delle sessioni<\/a><\/li><li><a href=\"#monitoraggio-funnel\">Monitoraggio funnel<\/a><\/li><li><a href=\"#indice-di-gradimento-e-sondaggi\">Indice di gradimento e sondaggi<\/a><\/li><\/ul><\/li><li><a href=\"#prezzi-e-funzionalita-di-hotjar\">Prezzi e funzionalit\u00e0 di Hotjar<\/a><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cosa-sono-le-heatmap\">Cosa sono le heatmap<\/h2>\n\n\n\n<p>Le <strong>heatmap<\/strong> sono uno strumento di analisi visiva progettate per aiutarti a capire dove gli utenti cliccano, quanto scorrono le pagine e quale parte dei contenuti attira maggiormente la loro attenzione. Si chiamano mappe di calore proprio perch\u00e9 mappano tutto il contenuto di una pagina web segnalando con un <strong>colore pi\u00f9 caldo e intenso <\/strong>i punti in cui maggiore \u00e8 l&#8217;azione monitorata, solitamente in una scala di colore dal blu (poca attivit\u00e0) al rosso (attivit\u00e0 elevata).<\/p>\n\n\n\n<p>Le heatmap permettono di analizzare interazioni specifiche da parte dell&#8217;utente all&#8217;interno della pagina sotto monitoraggio, come ad esempio:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>click<\/strong>: i punti in cui gli utenti compiono maggiori click;<\/li>\n\n\n\n<li><strong>scroll<\/strong>: quanto in basso gli utenti scendono scrollando la pagina, aiutando a capire se i contenuti importanti sono visibili entro quel limite di scroll rilevato;<\/li>\n\n\n\n<li><strong>movimenti<\/strong>: quali sono i movimenti degli utenti attraverso la registrazione dell&#8217;attivit\u00e0 del puntatore\/mouse.<\/li>\n<\/ul>\n\n\n\n<p>Spesso \u00e8 anche possibile utilizzare la funzione di <strong>Session Recording<\/strong> (registrazioni delle sessioni degli utenti) per visualizzare l&#8217;intero comportamento di ogni singolo utente sulla tua pagina, fra movimenti, click e scroll.<\/p>\n\n\n\n<p>Queste analisi sono estremamente utili per risolvere problemi concreti come ottimizzare la posizione degli elementi strategici (come i pulsanti di call-to-action), ridurre la frustrazione degli utenti e aumentare il tasso di conversione. Sono tutte tematiche molto care ai <a href=\"https:\/\/supporthost.com\/it\/web-designer\/\" data-type=\"post\" data-id=\"72050\">Web Designer<\/a> e che rientrano in quelle attivit\u00e0 volte a migliorare la <strong>User Experience (UX)<\/strong>migliorare la <strong>User Experience (UX)<\/strong>, fondamentale per assicurarti un sito di successo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-hotjar\">Cos&#8217;\u00e8 Hotjar<\/h2>\n\n\n\n<p><strong>Hotjar<\/strong> \u00e8 una suite di strumenti di analisi delle interazioni degli utenti di un sito, la cui fondazione risale al 2014 da un&#8217;idea dell&#8217;imprenditore maltese <strong>David Darmanin<\/strong>, con l&#8217;obiettivo di colmare un vuoto nel mercato degli strumenti di analisi web. <\/p>\n\n\n\n<p>David, che aveva una lunga esperienza nel settore della tecnologia e dell&#8217;analisi dei dati, si rese conto che molte piccole e medie imprese avevano bisogno di uno strumento potente ma facile da usare, per capire meglio il comportamento degli utenti sui loro siti. Molti degli strumenti disponibili sul mercato erano infatti complessi e costosi, e quindi inaccessibili per le piccole aziende.<\/p>\n\n\n\n<p>Hotjar si propone quindi di offrire una <strong>soluzione accessibile a tutti<\/strong>, offrendo funzionalit\u00e0 avanzate come le heatmap, la registrazione delle sessioni e la raccolta di feedback in un\u2019unica piattaforma intuitiva. L\u2019idea era quella di permettere a chiunque gestisse un sito web di ottenere informazioni preziose sui propri visitatori, migliorare l&#8217;esperienza utente e ottimizzare le performance.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-wordpress-1024x484.png\" alt=\"Hotjar WordPress\" class=\"wp-image-80800\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-wordpress-1024x484.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-wordpress-300x142.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-wordpress-768x363.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-wordpress-120x57.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-wordpress-1536x726.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-wordpress.png 1955w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nel corso degli anni, Hotjar ha guadagnato una crescente popolarit\u00e0, diventando uno degli strumenti di analisi e ottimizzazione pi\u00f9 utilizzati a livello globale.<\/p>\n\n\n\n<p>Le principali funzionalit\u00e0 di Hotjar includono:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Heatmaps<\/strong>: analisi visiva dei clic, degli scroll e dei movimenti del mouse;<\/li>\n\n\n\n<li><strong>Session Recordings<\/strong>: registrazioni delle sessioni degli utenti, che mostrano in tempo reale cosa fanno gli utenti sul sito;<\/li>\n\n\n\n<li><strong>Surveys and Polls<\/strong>: sondaggi e feedback direttamente dai visitatori, per raccogliere dati qualitativi;<\/li>\n\n\n\n<li><strong>Conversion Funnels<\/strong>: analisi dei funnel di conversione per identificare dove gli utenti abbandonano il percorso di acquisto.<\/li>\n<\/ul>\n\n\n\n<p>Questi strumenti sono l&#8217;ideale per ottimizzare l\u2019esperienza utente, migliorare il design del sito e, infine, aumentare le conversioni.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-installare-hotjar-su-word-press\">Come installare Hotjar su WordPress<\/h2>\n\n\n\n<p>L&#8217;installazione di <strong>Hotjar su WordPress <\/strong>\u00e8 un processo piuttosto semplice che pu\u00f2 essere completato in pochi passaggi. Nei paragrafi a seguire ti guideremo passo dopo passo per aiutarti a integrare correttamente Hotjar nel tuo sito WordPress, cos\u00ec da iniziare a raccogliere dati utili per ottimizzare l&#8217;esperienza utente e le performance del sito.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"creare-un-account-su-hotjar\">Creare un account su Hotjar<\/h3>\n\n\n\n<p>Il primo passo per utilizzare Hotjar \u00e8 registrarsi sulla piattaforma. Per farlo occorre visita il <a href=\"http:\/\/www.hotjar.com\" rel=\"noopener\">sito ufficiale<\/a> e cliccare su <strong>&#8220;Inizia&#8221;<\/strong> per creare un nuovo account. Qui potrai scegliere se registrarti attraverso un account Google oppure creando un profilo con una tua mail e password.<\/p>\n\n\n\n<p>Da qui si attiver\u00e0 una breve procedura guidata che ti chieder\u00e0 alcuni dati come:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>il nome della tua azienda o progetto digitale<\/li>\n\n\n\n<li>la dimensione della tua azienda in termini di staff<\/li>\n\n\n\n<li>il tuo ruolo nell&#8217;azienda<\/li>\n\n\n\n<li>il sito web su cui vuoi attivare i servizi di Hotjar.<\/li>\n<\/ul>\n\n\n\n<p>Completata questa prima parte avrai a disposizione <strong>15 giorni di prova gratuita<\/strong>, che ti permetteranno di esplorare tutte le funzionalit\u00e0 di Hotjar e capire se fa al caso tuo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"910\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/free-hotjar-1024x910.png\" alt=\"Free Hotjar\" class=\"wp-image-80803\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/free-hotjar-1024x910.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/free-hotjar-300x267.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/free-hotjar-768x682.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/free-hotjar-71x63.png 71w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/free-hotjar.png 1158w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"attivare-hotjar-su-word-press\">Attivare Hotjar su WordPress<\/h3>\n\n\n\n<p>Per attivare la prova gratuita dovrai solo inserire il <strong>codice di tracciamento<\/strong>, scegliendo una fra le 4 procedure che il software mette a tua disposizione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installazione-tag-hotjar-wordpress-1024x517.png\" alt=\"Installazione Tag Hotjar WordPress\" class=\"wp-image-80802\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installazione-tag-hotjar-wordpress-1024x517.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installazione-tag-hotjar-wordpress-300x151.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installazione-tag-hotjar-wordpress-768x388.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installazione-tag-hotjar-wordpress-120x61.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installazione-tag-hotjar-wordpress-1536x775.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installazione-tag-hotjar-wordpress-2048x1034.png 1830w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installazione-tag-hotjar-wordpress.png 1831w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"installare-il-tag-su-word-press\">Installare il tag su WordPress<\/h4>\n\n\n\n<p>Il primo metodo \u00e8 totalmente manuale, ma allo stesso tempo molto semplice. Copia tutto il codice che Hotjar ti fornisce, e incollalo nella <strong>sezione &lt;head&gt; del tuo sito<\/strong>. Per monitorare tutto il sito accedi al backend di WordPress e, nella sezione &#8220;Aspetto&#8221;, entra in &#8220;Editor del tema&#8221;. Qui seleziona dal menu di destra la voce &#8220;header.php&#8221; e incolla il codice di tracciamento prima di &lt;\/head&gt;, e infine clicca su &#8220;Aggiorna adesso&#8221; al fondo della finestra di codice. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"318\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/tag-su-wordpress-hotjar-1024x318.png\" alt=\"Tag Su WordPress Hotjar\" class=\"wp-image-80806\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/tag-su-wordpress-hotjar-1024x318.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/tag-su-wordpress-hotjar-300x93.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/tag-su-wordpress-hotjar-768x238.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/tag-su-wordpress-hotjar-120x37.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/tag-su-wordpress-hotjar-1536x477.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/tag-su-wordpress-hotjar-2048x636.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Completata questa procedura, torna sul sito di Hotjar e clicca su &#8220;<strong>Verify Installation<\/strong>&#8220;. Ti verr\u00e0 chiesto di inserire l&#8217;indirizzo del tuo sito web comprensivo di https:\/\/, e in pochi secondi la configurazione sar\u00e0 ultimata e il tuo periodo di prova avr\u00e0 ufficialmente inizio.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><\/ol>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"inviare-il-codice-al-team\">Inviare il codice al team<\/h4>\n\n\n\n<p>In alternativa, se non ti senti a tuo agio con l&#8217;installazione del codice Hotjar su WordPress, puoi anche scegliere di <strong>inviare il tag a qualcuno del tuo team <\/strong>che possa occuparsene al posto tuo. In questo caso non dovrai fare altro che indicare il suo indirizzo email, cos\u00ec da fargli pervenire tutte le informazioni per completare la configurazione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"449\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/codice-di-tracciamento-hotjar-via-mail-1024x449.png\" alt=\"Codice Di Tracciamento Hotjar Via Mail\" class=\"wp-image-80807\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/codice-di-tracciamento-hotjar-via-mail-1024x449.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/codice-di-tracciamento-hotjar-via-mail-300x132.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/codice-di-tracciamento-hotjar-via-mail-768x337.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/codice-di-tracciamento-hotjar-via-mail-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/codice-di-tracciamento-hotjar-via-mail-1536x674.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/codice-di-tracciamento-hotjar-via-mail.png 1954w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"installare-hotjar-su-word-press-tramite-plugin\">Installare Hotjar su WordPress tramite plugin<\/h4>\n\n\n\n<p>Questa procedura ti consente di eseguire l&#8217;installazione attraverso il <a href=\"https:\/\/wordpress.org\/plugins\/hotjar\/\" rel=\"noopener\">plugin ufficiale di Hotjar<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installa-con-wordpress-1024x504.png\" alt=\"Installa Con WordPress\" class=\"wp-image-80811\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installa-con-wordpress-1024x504.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installa-con-wordpress-300x148.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installa-con-wordpress-768x378.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installa-con-wordpress-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installa-con-wordpress-1536x757.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/installa-con-wordpress.png 1876w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dalla sezione &#8220;<strong>Plugin<\/strong>&#8221; del backend di WordPress clicca su &#8220;Aggiungi un nuovo plugin&#8221;: da questa schermata potrai cercare &#8220;Hotjar&#8221; dalla barra di ricerca e, una volta che il plugin comparir\u00e0 fra i risultati, un primo click su &#8220;installa ora&#8221; e un secondo click su &#8220;Attiva&#8221; completeranno l&#8217;installazione del plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"358\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/plugin-wp-hotjar-1024x358.png\" alt=\"Plugin Wp Hotjar\" class=\"wp-image-80810\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/plugin-wp-hotjar-1024x358.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/plugin-wp-hotjar-300x105.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/plugin-wp-hotjar-768x268.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/plugin-wp-hotjar-120x42.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/plugin-wp-hotjar-1536x536.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/plugin-wp-hotjar-2048x715.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Completata questa parte vai nella sezione &#8220;<strong>Impostazioni<\/strong>&#8220;, dove troverai la voce &#8220;Hotjar&#8221;: cliccandoci sopra ti si aprir\u00e0 l&#8217;area dedicata in cui potrai inserire il site ID e terminare la configurazione su WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/id-hotjar-1024x495.png\" alt=\"Id Hotjar\" class=\"wp-image-80812\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/id-hotjar-1024x495.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/id-hotjar-300x145.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/id-hotjar-768x372.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/id-hotjar-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/id-hotjar-1536x743.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/id-hotjar.png 1910w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Come ultimo passaggio non ti rester\u00e0 che tornare sul sito ufficiale di Hotjar e cliccare su &#8220;<strong>Verify Installation<\/strong>&#8221; per confermare la corretta installazione del site ID.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"installare-attraverso-npm-node-package-manager\">Installare attraverso NPM (Node Package Manager)<\/h4>\n\n\n\n<p>Questa procedura richiede alcuni passaggi pi\u00f9 avanzati come l&#8217;uso di strumenti di sviluppo web come <strong>Node.js<\/strong> e una gestione adeguata del flusso di lavoro di build per il tuo sito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-npm-package-1024x616.png\" alt=\"Hotjar Npm Package\" class=\"wp-image-80814\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-npm-package-1024x616.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-npm-package-300x180.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-npm-package-768x462.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-npm-package-105x63.png 105w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-npm-package-1536x924.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/hotjar-npm-package.png 1537w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Prima di tutto, assicurati di avere <strong>Node.js<\/strong> e <strong>npm<\/strong> (Node Package Manager) installati sul tuo sistema. Se non li hai gi\u00e0, visita il sito <a href=\"https:\/\/nodejs.org\/\" rel=\"noopener\">nodejs.org<\/a> e scarica l&#8217;ultima versione stabile di Node.js. Il pacchetto Hotjar \u00e8 disponibile a <a href=\"https:\/\/www.npmjs.com\/package\/@hotjar\/browser\" rel=\"noopener\">questo link<\/a>: non dovrai fare altro che installarlo e inizializzare lo script inserendo il site ID comunicato da Hotjar e, come sempre, concludere verificando il funzionamento.<\/p>\n\n\n\n<p>Una volta completata la configurazione con successo, Hotjar ti porter\u00e0 automaticamente a visualizzare la dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"342\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/dashboard-hotjar-wp-1024x342.png\" alt=\"Dashboard Hotjar Wp\" class=\"wp-image-80824\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/dashboard-hotjar-wp-1024x342.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/dashboard-hotjar-wp-300x100.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/dashboard-hotjar-wp-768x256.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/dashboard-hotjar-wp-120x40.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/dashboard-hotjar-wp-1536x513.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/dashboard-hotjar-wp-2048x684.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-funziona-hotjar-su-word-press\">Come funziona Hotjar su WordPress<\/h2>\n\n\n\n<p>Una volta che Hotjar \u00e8 stato integrato con il tuo sito WordPress, dopo qualche minuto inizier\u00e0 subito a raccogliere i dati relativi alle interazioni degli utenti. Puoi accedere al pannello di controllo di Hotjar, dove avrai accesso a tutte le funzionalit\u00e0 principali attraverso la colonna di sinistra.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"heatmap\">Heatmap<\/h3>\n\n\n\n<p>Per attivare la mappa di calore su una pagina, dalla dashboard potrai passare alla sezione dedicata e indicare l&#8217;indirizzo completo della pagina del tuo sito che vuoi monitorare. A questo punto ti verr\u00e0 richiesto di selezionare qual \u00e8 la <strong>tipologia di azione che vuoi analizzare<\/strong> e, quando Hotjar avr\u00e0 raccolto dati a sufficienza, te li mostrer\u00e0.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"564\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/mappa-di-colore-obiettivi-1024x564.png\" alt=\"Mappa Di Colore Obiettivi\" class=\"wp-image-80818\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/mappa-di-colore-obiettivi-1024x564.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/mappa-di-colore-obiettivi-300x165.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/mappa-di-colore-obiettivi-768x423.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/mappa-di-colore-obiettivi-114x63.png 114w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/mappa-di-colore-obiettivi-1536x846.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/mappa-di-colore-obiettivi.png 1678w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"registrazione-delle-sessioni\">Registrazione delle sessioni<\/h3>\n\n\n\n<p>In quest&#8217;area potrai visualizzare l&#8217;<strong>elenco delle registrazioni delle sessioni raccolte<\/strong> per comprendere il loro comportamento in tempo reale. Ti baster\u00e0 cliccare su tutte le sessioni che troverai qui riportate e osservare (senza nessun dato sensibile a vista) il comportamento dell&#8217;utente sul tuo sito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"206\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/registrazioni-sessione-1024x206.png\" alt=\"Registrazioni Sessione\" class=\"wp-image-80819\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/registrazioni-sessione-1024x206.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/registrazioni-sessione-300x60.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/registrazioni-sessione-768x154.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/registrazioni-sessione-120x24.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/registrazioni-sessione-1536x308.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/registrazioni-sessione-2048x411.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"monitoraggio-funnel\">Monitoraggio funnel<\/h3>\n\n\n\n<p>Hotjar ti permette anche di focalizzare l&#8217;analisi su percorsi specifici degli utenti. Questa funzione \u00e8 molto interessante ad esempio per gli <strong><a href=\"https:\/\/supporthost.com\/it\/wordpress-ecommerce\/\" data-type=\"post\" data-id=\"41068\">ecommerce<\/a><\/strong>, nel caso tu volessi concentrare l&#8217;analisi solo sulle schede prodotto e monitorare solo le sessioni che prevedono il click del pulsante di acquisto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"308\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/funnel-1024x308.png\" alt=\"Funnel\" class=\"wp-image-80822\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/funnel-1024x308.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/funnel-300x90.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/funnel-768x231.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/funnel-120x36.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/funnel-1536x462.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/funnel.png 1904w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Si tratta senza dubbio di uno strumento efficace per misurare le conversioni rispetto al traffico mirato e ai click di acquisto realmente eseguiti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"indice-di-gradimento-e-sondaggi\">Indice di gradimento e sondaggi<\/h3>\n\n\n\n<p>Una funzione piuttosto recente di Hotjar ti consente di inserire dei piccoli popup per <strong>raccogliere recensioni e feedback dei tuoi visitatori<\/strong> rispetto a specifiche pagine o funzionalit\u00e0, scegliendo fra i diversi template a tua disposizione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"311\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/sondaggi-e-gradimento-1024x311.png\" alt=\"Sondaggi E Gradimento\" class=\"wp-image-80821\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/sondaggi-e-gradimento-1024x311.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/sondaggi-e-gradimento-300x91.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/sondaggi-e-gradimento-768x233.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/sondaggi-e-gradimento-120x36.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/sondaggi-e-gradimento-1536x466.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/02\/sondaggi-e-gradimento-2048x622.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In questo modo Hotjar ti offre un&#8217;analisi approfondita e pratica, permettendoti di fare miglioramenti mirati al sito in base a dati concreti e all&#8217;opinione di chi ha visitato il tuo sito, cos\u00ec da poter ottimizzare sia l&#8217;esperienza utente che le prestazioni generali.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"prezzi-e-funzionalita-di-hotjar\">Prezzi e funzionalit\u00e0 di Hotjar<\/h2>\n\n\n\n<p>Hotjar offre diverse opzioni di prezzo, inclusi <strong>piani gratuiti e a pagamento<\/strong>: a seconda delle tue necessit\u00e0, potrai scegliere tra le diverse opzioni, ognuna delle quali offre funzionalit\u00e0 e limiti differenti.<\/p>\n\n\n\n<p>Il piano <strong>gratuito <\/strong>offre heatmap illimitate ma soltanto <strong>35 registrazioni al giorno<\/strong> e molti limiti nella funzionalit\u00e0 avanzate, disponibili solo a pagamento. I piani &#8211; disponibili sia con canone mensile che annuale &#8211; sono di tre tipi:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>PLUS<\/strong>: consente di monitorare <strong>fino a 100 sessioni al giorno<\/strong>, filtra le pagine per tipologia (pagina visualizzata, di atterraggio e di uscita), raccoglie maggiori informazioni sugli utenti e integra le API. Il costo base \u00e8 di 32\u20ac\/mese;<\/li>\n\n\n\n<li><strong>BUSINESS<\/strong>: con questo piano <strong>le sessioni giornaliere salgono a massimo 500<\/strong>. Oltre alle funzionalit\u00e0 del precedente piano, aggiunge ulteriori filtri, e permette di ordinare le registrazioni in base a punteggi vari di efficacia. Questo piano inoltre permette di integrare Hotjar con tantissimi altri software, fra cui Jira, <a href=\"https:\/\/supporthost.com\/it\/google-analytics-wordpress\/\">Google Analytics<\/a>, Asana e Zapier. Il canone mensile parte da 80\u20ac.<\/li>\n\n\n\n<li><strong>SCALE<\/strong>: l&#8217;ultimo piano offre tutte le funzionalit\u00e0 di Hotjar, <strong>dalle 500 sessioni in su<\/strong>. Qui possono essere monitorati errori e integrati webhooks, ed \u00e8 possibile godere di un supporto prioritario e dedicato, il che giustifica l&#8217;importo di 171\u20ac\/mese.<\/li>\n<\/ol>\n\n\n\n<p>Hotjar \u00e8 sicuramente la soluzione pi\u00f9 completa sul mercato quando si tratta di monitoraggio e analisi del comportamento degli utenti, con piani economici adatti un po&#8217; a tutti i budget.<\/p>\n\n\n\n<p>Nella sua versione gratuita trova un degno rivale in <strong>Microsoft Clarity<\/strong>, un&#8217;alternativa completamente gratuite e con funzionalit\u00e0 simili a quelle di Hotjar (heatmap, registrazioni delle sessioni), ma con alcune limitazioni in termini di personalizzazione e report. Per approfondire ti invitiamo a leggere la nostra <a href=\"https:\/\/supporthost.com\/it\/clarity-analytics-wordpress\/\" data-type=\"post\" data-id=\"77342\">guida passo passo dedicata a Microsoft Clarity<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Hotjar \u00e8 <strong>uno degli strumenti pi\u00f9 potenti e facili da usare per analizzare e ottimizzare il comportamento degli utenti su un sito WordPress<\/strong>. Grazie alle sue funzionalit\u00e0, questo strumento ti offre una panoramica dettagliata di come gli utenti interagiscono con il tuo sito, permettendoti di fare miglioramenti concreti basati su dati reali.<\/p>\n\n\n\n<p>L&#8217;integrazione di Hotjar su WordPress ti aiuter\u00e0 sicuramente a migliorare l&#8217;esperienza utente, e di conseguenza aumentare il tasso di conversione.<\/p>\n\n\n\n<p>Se hai gi\u00e0 utilizzato le mappe di calore e vuoi condividerci la tua esperienza, lascia un commento qui sotto e raccontaci com&#8217;\u00e8 andata!<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Per ottenere un sito web davvero efficace non basta limitarsi all&#8217;aspetto estetico e al contenuto: ci\u00f2 che davvero fa la differenza &#8211; soprattutto quando si parla di vendite! &#8211; \u00e8 capire come gli utenti interagiscono con il tuo sito, per ottimizzare l&#8217;esperienza e ottenere risultati sempre migliori. Qui entra in gioco Hotjar, uno strumento potentissimo [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":81163,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-80789","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/80789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=80789"}],"version-history":[{"count":22,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/80789\/revisions"}],"predecessor-version":[{"id":81547,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/80789\/revisions\/81547"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/81163"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=80789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=80789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=80789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}