{"id":76585,"date":"2024-02-14T19:38:39","date_gmt":"2024-02-14T18:38:39","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=76585&#038;preview=true&#038;preview_id=76585"},"modified":"2024-02-16T12:51:59","modified_gmt":"2024-02-16T11:51:59","slug":"commenti-su-un-sito-statico","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/","title":{"rendered":"Come aggiungere una sezione commenti a un sito statico"},"content":{"rendered":"<p>I <a href=\"https:\/\/kinsta.com\/it\/blog\/sito-web-statico\/\">siti web statici<\/a> forniscono contenuti attraverso una raccolta predefinita di file <a href=\"https:\/\/kinsta.com\/it\/blog\/html\/\">HTML<\/a>, <a href=\"https:\/\/kinsta.com\/it\/blog\/best-practice-css\/\">CSS<\/a> e <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a>, il che li rende una scelta semplice ed economica per molti.<\/p>\n<p>Nonostante la loro natura fissa, i siti statici possono essere arricchiti con elementi di contenuto dinamico per favorire l&#8217;interazione degli utenti. L&#8217;integrazione di una sezione commenti permette ai visitatori di esprimere le loro opinioni, dare un feedback o porre domande su contenuti o servizi.<\/p>\n<p>Questa aggiunta favorisce il coinvolgimento della community e permette di entrare in contatto con il pubblico e di perfezionare le offerte in base al loro feedback. Questo tutorial mostra come aggiungere una sezione commenti a un sito statico ospitato sull&#8217;<a href=\"https:\/\/sevalla.com\/static-site-hosting\/\">Hosting di Siti Statici di Kinsta<\/a>.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Configurare un sito statico di base su Kinsta<\/h2>\n<p>Questo tutorial utilizza il <a href=\"https:\/\/github.com\/kinsta\/hello-world-docusaurus\" target=\"_blank\" rel=\"noopener noreferrer\">template per Docusaurus<\/a> creato sull&#8217;account GitHub di Kinsta. Docusaurus \u00e8 un popolare <a href=\"https:\/\/kinsta.com\/it\/blog\/generatori-di-siti-statici\/\">generatore di siti statici<\/a> che utilizza <a href=\"https:\/\/kinsta.com\/it\/blog\/react-js\/\">React<\/a>, una delle <a href=\"https:\/\/kinsta.com\/it\/blog\/librerie-javascript\/\">principali librerie JavaScript<\/a>, come libreria UI per la creazione delle pagine.<\/p>\n<p>Per configurare questo sito su Kinsta basta seguire questi passi:<\/p>\n<ol start=\"1\">\n<li>Per utilizzare il template Docusaurus, clicchiamo su <strong>Use this template &gt; Create a new repository<\/strong>.<\/li>\n<li>Cloniamo il repository sul nostro computer locale eseguendo il comando:\n<pre><code class=\"language-bash\">https:\/\/github.com\/kinsta\/hello-world-docusaurus.git<\/code><\/pre>\n<p><aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Personalizzate il vostro sito statico aggiungendo contenuti come documentazione, pagine e altri file statici nelle directory appropriate del repository locale. Potete anche modificare il layout e l&#8217;aspetto per allinearlo alle linee guida del vostro brand. Leggete la nostra <a href=\"https:\/\/kinsta.com\/it\/blog\/docusaurus\/\">guida per scoprire come personalizzare un sito Docusaurus<\/a>.<\/p>\n<\/aside>\n<\/li>\n<li>Accediamo o creiamo un account per visualizzare il nostro cruscotto <a href=\"https:\/\/my.kinsta.com\/?lang=it\" target=\"_blank\" rel=\"noopener noreferrer\">MyKinsta<\/a>.<\/li>\n<li>Autorizziamo Kinsta con il provider Git.<\/li>\n<li>Clicchiamo su <strong>Siti statici<\/strong> nella barra laterale di sinistra e poi su <strong>Aggiungi sito<\/strong>.<\/li>\n<li>Selezioniamo il repository e il branch da cui vogliamo effettuare il deploy.<\/li>\n<li>Assegniamo un nome unico al sito.<\/li>\n<li>Aggiungiamo le impostazioni di build nel seguente formato:\n<ul>\n<li><strong>Comando di build:<\/strong> <code>npm run build<\/code><\/li>\n<li><strong>Versione Node:<\/strong> 18.16.20<\/li>\n<li><strong>Directory di pubblicazione:<\/strong> build<\/li>\n<\/ul>\n<\/li>\n<li>Infine, clicchiamo su <strong>Crea sito<\/strong>.<\/li>\n<\/ol>\n<p>Dopo aver distribuito con successo il sito, possiamo visitare l&#8217;URL elencato come dominio nella scheda <strong>Panoramica<\/strong> del sito distribuito.<\/p>\n<figure id=\"attachment_156568\" aria-describedby=\"caption-attachment-156568\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/docusaurus-static-site.png\" alt=\"Schermata del sito statico di Docusaurus, denominato My Site (Il mio sito)\" width=\"960\" height=\"514\"><figcaption id=\"caption-attachment-156568\" class=\"wp-caption-text\">Il sito statico \u00e8 stato distribuito con successo.<\/figcaption><\/figure>\n<h2>Creare un account Disqus<\/h2>\n<p>Disqus offre strumenti per aumentare l&#8217;engagement attraverso l&#8217;integrazione sociale, strumenti di moderazione e analisi. Supporta le discussioni online attraverso i commenti. Seguiamo questi passaggi per utilizzare Disqus:<\/p>\n<ol start=\"1\">\n<li>Creiamo un <a href=\"http:\/\/disqus.com\/profile\/signup\/\" target=\"_blank\" rel=\"noopener noreferrer\">account Disqus<\/a>.<\/li>\n<li>Compiliamo le informazioni richieste per il processo di registrazione.<\/li>\n<li>Dopo la registrazione, selezioniamo la voce <strong>I want to install Disqus on my site<\/strong>.<\/li>\n<li><a href=\"http:\/\/disqus.com\/admin\/create\/\" target=\"_blank\" rel=\"noopener noreferrer\">Registriamo il sito con Disqus<\/a>. Durante la registrazione, scegliamo un nome breve e una categoria per il nostro sito. Un&#8217;organizzazione genera automaticamente un elenco contenente il nuovo sito e tutti i siti aggiuntivi che creeremo in futuro.<\/li>\n<li>Selezioniamo un <a href=\"https:\/\/disqus.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">piano Disqus<\/a> per l&#8217;organizzazione. Disqus offre diversi piani di abbonamento, tra cui Plus, Pro e Business. Per questa demo, possiamo selezionare il piano Basic, che include le funzioni principali come il plug-in per i commenti, il filtro antispam avanzato, gli strumenti di moderazione e le analisi di base.<\/li>\n<\/ol>\n<h2>Integrare Disqus con un sito statico su Kinsta<\/h2>\n<p>Il passo successivo consiste nell&#8217;integrare lo snippet di codice Disqus nel generatore del nostro sito statico.<\/p>\n<ol start=\"1\">\n<li>Dopo aver registrato il sito, clicchiamo su <strong>I don\u2019t see my platform listed, install manually with Universal Code<\/strong> (&#8220;non vedo la mia piattaforma elencata, installa manualmente con Universal Code&#8221;).\n<figure id=\"attachment_156568\" aria-describedby=\"caption-attachment-156568\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/manual-disqus.png\" alt=\"I don't see my platform listed, install manually with Universal Code option in Disqus (non vedo la mia piattaforma elencata, installa manualmente con Universal Code)\" width=\"960\" height=\"514\"><figcaption id=\"caption-attachment-156568\" class=\"wp-caption-text\">Incorporare il codice Disqus manualmente con Universal Code.<\/figcaption><\/figure>\n<p>La pagina visualizzata contiene uno snippet di codice JavaScript nella sezione intitolata <strong>Place the following code where you\u2019d like Disqus to load<\/strong> (&#8220;posiziona il seguente codice nel punto in cui desideri che venga caricato Disqus&#8221;). Poich\u00e9 il sito statico \u00e8 un&#8217;applicazione React, dobbiamo modificare questo snippet di codice per farlo funzionare con React.<\/li>\n<li>Creiamo una cartella chiamata <strong>Disqus<\/strong> all&#8217;interno della cartella <strong>src\/components<\/strong>.<\/li>\n<li>Utilizziamo il seguente codice all&#8217;interno del file <strong>index.js<\/strong>. Assicuriamoci di sostituire <code>https:\/\/your_shortname_placeholder.disqus.com\/embed.js<\/code> con l&#8217;URL ricevuto in Universal Code:\n<pre><code class=\"language-js\">import React, { useEffect } from 'react';\n\nconst DisqusComments = () =&gt; {\n    useEffect(() =&gt; {\n\n    const disqus_config = function () {\n        this.page.url = PAGE_URL;  \/\/ Replace PAGE_URL with your page's \ncanonical URL variable\n        this.page.identifier = PAGE_IDENTIFIER; \/\/ Replace PAGE_IDENTIFIER with   \nyour page's unique identifier variable\n    };\n\n    \/\/ Load Disqus script dynamically\n    (function () {\n        const d = document;\n        const s = d.createElement('script');\n        s.src = 'https:\/\/your_shortname_placeholder.disqus.com\/embed.js';\n        s.setAttribute('data-timestamp', +new Date());\n        (d.head || d.body).appendChild(s);\n    })();\n\n    \/\/ Cleanup Disqus on component unmount\n    return () =&gt; {\n        const disqusThread = document.getElementById('disqus_thread');\n        if (disqusThread) {\n        disqusThread.innerHTML = ''; \/\/ Clear the Disqus thread to avoid  \ninterference with other components\n        }\n    };\n    }, []); \/\/ Run this effect only once on component mount\n\n    return (\n    &lt;div&gt;\n        &lt;div&gt; id=\"disqus_thread\"&gt;&lt;\/div&gt;\n        &lt;noscript&gt;Please enable JavaScript to view the &lt;a&gt;  \nhref=\"https:\/\/disqus.com\/?ref_noscript\"&gt;comments powered by  \nDisqus.&lt;\/a&gt;&lt;\/noscript&gt;\n    &lt;\/div&gt;\n    );\n};\n\nexport default DisqusComments;<\/code><\/pre>\n<p>La funzione <code>disqus_config<\/code> definisce due variabili:<\/p>\n<ul>\n<li><strong><code>this.page.url<\/code><\/strong>: questa variabile \u00e8 impostata su <code>PAGE_URL<\/code>, che dovremo sostituire con l&#8217;URL canonico della pagina. Disqus utilizza questo URL per identificare la pagina specifica a cui appartengono i commenti.<\/li>\n<li><strong><code>this.page.identifier<\/code><\/strong>: questa variabile \u00e8 impostata su <code>PAGE_IDENTIFIER<\/code>, che dovremo sostituire con un identificatore unico per la pagina. Questo identificatore permette a Disqus di distinguere le pagine con lo stesso URL e di associare i commenti alla pagina corretta.<\/li>\n<\/ul>\n<\/li>\n<li>Possiamo importare questo componente nella pagina in cui vogliamo visualizzare la sezione dei commenti di Disqus.\n<pre><code class=\"language-js\">import DisqusComments from '@site\/src\/components\/Disqus';<\/code><\/pre>\n<\/li>\n<li>Quindi, aggiungiamo la sezione dei commenti di Disqus alla pagina di destinazione, includiamo la seguente dichiarazione di importazione in <strong>index.js<\/strong> all&#8217;interno della cartella <strong>src\/pages<\/strong> e utilizziamo <code>DisqusComments<\/code> di conseguenza:\n<pre><code class=\"language-js\">export default function Home() {\n    const {siteConfig} = useDocusaurusContext();\n    return (\n    &lt;Layout\n        title={`Hello from ${siteConfig.title}`}\n        description=\"Description will go into a meta tag in &lt;head \/&gt;\"&gt;\n        &lt;HomepageHeader \/&gt;\n        &lt;main&gt;\n        &lt;HomepageFeatures \/&gt;\n        &lt;DisqusComments\/&gt;\n        &lt;\/main&gt;\n    &lt;\/Layout&gt;\n    );\n}<\/code><\/pre>\n<\/li>\n<li>Applichiamo queste modifiche al repository per poterle applicare al nostro sito statico ospitato da Kinsta:\n<pre><code class=\"language-git\">git add .\ngit commit -m \"Adding Disqus Comments\"\ngit push -u origin master<\/code><\/pre>\n<\/li>\n<\/ol>\n<p>Se durante la distribuzione del sito statico abbiamo selezionato <strong>deploy automatico su commit abilitato<\/strong>, il commit delle nuove modifiche avvier\u00e0 automaticamente il deploy su MyKinsta. In caso contrario, distribuite le modifiche manualmente.<\/p>\n<figure id=\"attachment_156568\" aria-describedby=\"caption-attachment-156568\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/disqus-comment-docusaurus.png\" alt=\"Schermata del sito statico con una sezione di commenti tramite Disqus qui sotto\" width=\"960\" height=\"514\"><figcaption id=\"caption-attachment-156568\" class=\"wp-caption-text\">Il sito statico con i commenti Disqus integrati.<\/figcaption><\/figure>\n<p>Ed ecco fatto, abbiamo creato un sito statico utilizzando l&#8217;Hosting di Siti Statici Kinsta e abbiamo integrato una sezione commenti con Disqus!<\/p>\n<p>In seguito, potremmo modificare il componente <code>DisqusComments<\/code> per assicurarci che la sezione dei commenti venga caricata come previsto.<\/p>\n<h2>Come personalizzare la sezione commenti<\/h2>\n<p>Possiamo personalizzare la sezione commenti del sito statico modificandone l&#8217;aspetto, implementando le reaction, moderando i commenti e altro ancora. Alcune opzioni di personalizzazione disponibili su Disqus sono le seguenti.<\/p>\n<h3>Personalizzare il tema<\/h3>\n<p>Per personalizzare il tema dei commenti Disqus, accediamo alla dashboard di Disqus, clicchiamo su <strong>Settings<\/strong> dalla scheda <strong>Settings<\/strong> e selezioniamo le opzioni adatte dai menu a tendina <strong>Color Scheme<\/strong> e <strong>Typeface<\/strong>.<\/p>\n<figure id=\"attachment_156568\" aria-describedby=\"caption-attachment-156568\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/customize-theme.png\" alt=\"Schermata della pagina per la personalizzazione del tema\" width=\"960\" height=\"514\"><figcaption id=\"caption-attachment-156568\" class=\"wp-caption-text\">Personalizzare il tema dei commenti Disqus.<\/figcaption><\/figure>\n<h3>Abilitare le reazioni sul sito<\/h3>\n<p>Possiamo aumentare l&#8217;engagement del pubblico abilitando le reazioni sul sito e personalizzare le reazioni in base alle nostre preferenze.<\/p>\n<p>Per attivare questa funzione, andiamo alla scheda <strong>Settings<\/strong> della dashboard di Disqus. Selezioniamo <strong>Reactions<\/strong>. Poi, clicchiamo su <strong>Enable Reactions on your site<\/strong> (Abilita reactions sul sito).<\/p>\n<figure id=\"attachment_156568\" aria-describedby=\"caption-attachment-156568\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/reactions-disqus.png\" alt=\"Schermata della pagina di configurazione e abilitazione delle reazioni della dashboard di Disqus\" width=\"960\" height=\"514\"><figcaption id=\"caption-attachment-156568\" class=\"wp-caption-text\">Configurazione e abilitazione delle reazioni attraverso la dashboard di Disqus.<\/figcaption><\/figure>\n<p>Aggiorniamo il sito e l&#8217;opzione per le reazioni apparir\u00e0.<\/p>\n<figure id=\"attachment_156568\" aria-describedby=\"caption-attachment-156568\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/image3.png\" alt=\"Sito statico con sezione commenti e reazioni\" width=\"960\" height=\"514\"><figcaption id=\"caption-attachment-156568\" class=\"wp-caption-text\">Il sito statico mostra l&#8217;integrazione delle reazioni.<\/figcaption><\/figure>\n<h3>Avatar dei commenti<\/h3>\n<p>Possiamo caricare un avatar predefinito per i commenti degli utenti, per farli sentire parte della comunit\u00e0.<\/p>\n<p>Per attivare questa funzione, accediamo alla dashboard di Disqus, clicchiamo su <strong>General<\/strong> dalla scheda <strong>Settings<\/strong> e carichiamo un&#8217;immagine da <strong>Default Commenter Avatar<\/strong> (Avatar predefinito del commentatore).<\/p>\n<figure id=\"attachment_156568\" aria-describedby=\"caption-attachment-156568\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/commenter-avatar.png\" alt=\"Caricare l'avatar predefinito di un commentatore\" width=\"960\" height=\"514\"><figcaption id=\"caption-attachment-156568\" class=\"wp-caption-text\">La funzione Avatar predefinito del commentatore.<\/figcaption><\/figure>\n<h3>Ordinare i commenti<\/h3>\n<p>Aggiungiamo una personalizzazione per consentire agli utenti di ordinare i commenti in base a <strong>Oldest First<\/strong>, <strong>Newest First<\/strong>, o <strong>Best First<\/strong> (Primo pi\u00f9 vecchio, Primo pi\u00f9 recente o Migliore). Clicchiamo su <strong>Community<\/strong> nella scheda Settings della dashboard Disqus e selezioniamo l&#8217;ordine dal menu a tendina <strong>Default Sort<\/strong>.<\/p>\n<figure id=\"attachment_156568\" aria-describedby=\"caption-attachment-156568\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/sort-comments.png\" alt=\"Ordinamento dei commenti con Disqus\" width=\"960\" height=\"514\"><figcaption id=\"caption-attachment-156568\" class=\"wp-caption-text\">Ordinamento dei commenti in base all&#8217;ordine fornito.<\/figcaption><\/figure>\n<h2>Come moderare i commenti<\/h2>\n<p>Per moderare i commenti su Disqus, usiamo il pannello di moderazione di Disqus nella barra di navigazione superiore della dashboard Disqus. Questo strumento fornisce una rapida visione dei commenti del forum e del loro stato (approvati, in sospeso e cos\u00ec via).<\/p>\n<p>Possiamo anche configurare le regole di moderazione dal menu <strong>Moderation<\/strong>, disponibile nel pannello di navigazione sinistro della scheda <strong>Settings<\/strong> della dashboard Disqus.<\/p>\n<figure id=\"attachment_156568\" aria-describedby=\"caption-attachment-156568\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/comment-and-moderation.png\" alt=\"Pagina delle impostazioni dei commenti e della moderazione nella dashboard di Disqus\" width=\"960\" height=\"514\"><figcaption id=\"caption-attachment-156568\" class=\"wp-caption-text\">Accesso al pannello di moderazione dalla dashboard di Disqus.<\/figcaption><\/figure>\n<p>Successivamente, potete dare un&#8217;occhiata alla <a href=\"https:\/\/help.disqus.com\/en\/articles\/1717078-moderating-101\" target=\"_blank\" rel=\"noopener noreferrer\">documentazione<\/a> per scoprire i passaggi chiave e le funzioni che vi aiuteranno a gestire e moderare i commenti su Disqus.<\/p>\n<h3>Consentire ai visitatori di commentare<\/h3>\n<p>Per consentire agli utenti ospiti di commentare sul sito, selezioniamo la casella <strong>Guest Commenting<\/strong>, quindi clicchiamo su <strong>Save<\/strong>. Questi commenti rimangono in sospeso fino a quando un moderatore non li approva dalla dashboard di moderazione di Disqus.<\/p>\n<figure id=\"attachment_156568\" aria-describedby=\"caption-attachment-156568\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/guest-commenting.png\" alt=\"Schermata della casella Commenti degli ospiti\" width=\"960\" height=\"514\"><figcaption id=\"caption-attachment-156568\" class=\"wp-caption-text\">Consentire agli ospiti di commentare sul sito.<\/figcaption><\/figure>\n<h3>Approvare, eliminare e contrassegnare i commenti come spam<\/h3>\n<p>Il pannello di moderazione permette di eseguire azioni in blocco (approvare, eliminare e contrassegnare i commenti come spam) controllando pi\u00f9 commenti. In alternativa, possiamo moderarli singolarmente nella vista estesa dei commenti.<\/p>\n<p>Una volta attivata questa impostazione, un moderatore dovr\u00e0 approvare i commenti prima che vengano visualizzati.<\/p>\n<figure id=\"attachment_156568\" aria-describedby=\"caption-attachment-156568\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/moderators-comment.png\" alt=\"Schermata della sezione commenti dal punto di vista del moderatore\" width=\"960\" height=\"514\"><figcaption id=\"caption-attachment-156568\" class=\"wp-caption-text\">Moderare i commenti di Disqus con azioni di massa.<\/figcaption><\/figure>\n<h2>Riepilogo<\/h2>\n<p>Con questo tutorial abbiamo visto come aggiungere una sezione commenti a un sito statico. Oltre a Docusaurus, \u00e8 possibile implementare Disqus in qualsiasi altro SSG come <a href=\"https:\/\/kinsta.com\/it\/blog\/vuepress\/\">VuePress<\/a>, <a href=\"https:\/\/kinsta.com\/it\/blog\/gatsby\/\">Gatsby<\/a> e altri.<\/p>\n<p>L&#8217;Hosting di Siti Statici di Kinsta permette di distribuire facilmente i file pre-costruiti non dinamici. Per scoprire i vantaggi di ospitare il vostro sito statico su Kinsta e integrare funzioni come la sezione commenti, date un&#8217;occhiata all&#8217;<a href=\"https:\/\/docs.sevalla.com\/static-sites\/overview\">Hosting di Siti Statici di Kinsta<\/a>.<\/p>\n<p><em>Avete mai implementato Disqus o un altro servizio di commenti su un sito statico? Condividete le vostre esperienze nella sezione commenti qui sotto.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I siti web statici forniscono contenuti attraverso una raccolta predefinita di file HTML, CSS e JavaScript, il che li rende una scelta semplice ed economica per &#8230;<\/p>\n","protected":false},"author":199,"featured_media":76586,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[25870,26238,25883],"class_list":["post-76585","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-esperienza-utente","topic-generatore-siti-statici","topic-strumenti-di-sviluppo-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come aggiungere una sezione commenti a un sito statico - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Scopri come aggiungere una sezione commenti a un sito statico con Disqus per aumentare l&#039;engagement con questo tutorial.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come aggiungere una sezione commenti a un sito statico\" \/>\n<meta property=\"og:description\" content=\"Scopri come aggiungere una sezione commenti a un sito statico con Disqus per aumentare l&#039;engagement con questo tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-14T18:38:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-16T11:51:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/02\/how-to-integrate-a-comments-section-into-your-static-site.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Scopri come aggiungere una sezione commenti a un sito statico con Disqus per aumentare l&#039;engagement con questo tutorial.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/02\/how-to-integrate-a-comments-section-into-your-static-site.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Come aggiungere una sezione commenti a un sito statico\",\"datePublished\":\"2024-02-14T18:38:39+00:00\",\"dateModified\":\"2024-02-16T11:51:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/\"},\"wordCount\":1519,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/02\/how-to-integrate-a-comments-section-into-your-static-site.jpg\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/\",\"name\":\"Come aggiungere una sezione commenti a un sito statico - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/02\/how-to-integrate-a-comments-section-into-your-static-site.jpg\",\"datePublished\":\"2024-02-14T18:38:39+00:00\",\"dateModified\":\"2024-02-16T11:51:59+00:00\",\"description\":\"Scopri come aggiungere una sezione commenti a un sito statico con Disqus per aumentare l'engagement con questo tutorial.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/02\/how-to-integrate-a-comments-section-into-your-static-site.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/02\/how-to-integrate-a-comments-section-into-your-static-site.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Strumenti di Sviluppo Web\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/strumenti-di-sviluppo-web\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Come aggiungere una sezione commenti a un sito statico\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Come aggiungere una sezione commenti a un sito statico - Kinsta\u00ae","description":"Scopri come aggiungere una sezione commenti a un sito statico con Disqus per aumentare l'engagement con questo tutorial.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/","og_locale":"it_IT","og_type":"article","og_title":"Come aggiungere una sezione commenti a un sito statico","og_description":"Scopri come aggiungere una sezione commenti a un sito statico con Disqus per aumentare l'engagement con questo tutorial.","og_url":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2024-02-14T18:38:39+00:00","article_modified_time":"2024-02-16T11:51:59+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/02\/how-to-integrate-a-comments-section-into-your-static-site.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Scopri come aggiungere una sezione commenti a un sito statico con Disqus per aumentare l'engagement con questo tutorial.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/02\/how-to-integrate-a-comments-section-into-your-static-site.jpg","twitter_creator":"@Kinsta_IT","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Jeremy Holcombe","Tempo di lettura stimato":"9 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Come aggiungere una sezione commenti a un sito statico","datePublished":"2024-02-14T18:38:39+00:00","dateModified":"2024-02-16T11:51:59+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/"},"wordCount":1519,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/02\/how-to-integrate-a-comments-section-into-your-static-site.jpg","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/","url":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/","name":"Come aggiungere una sezione commenti a un sito statico - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/02\/how-to-integrate-a-comments-section-into-your-static-site.jpg","datePublished":"2024-02-14T18:38:39+00:00","dateModified":"2024-02-16T11:51:59+00:00","description":"Scopri come aggiungere una sezione commenti a un sito statico con Disqus per aumentare l'engagement con questo tutorial.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/02\/how-to-integrate-a-comments-section-into-your-static-site.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2024\/02\/how-to-integrate-a-comments-section-into-your-static-site.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/commenti-su-un-sito-statico\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Strumenti di Sviluppo Web","item":"https:\/\/kinsta.com\/it\/argomenti\/strumenti-di-sviluppo-web\/"},{"@type":"ListItem","position":3,"name":"Come aggiungere una sezione commenti a un sito statico"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/76585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=76585"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/76585\/revisions"}],"predecessor-version":[{"id":76656,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/76585\/revisions\/76656"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76585\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76585\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76585\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76585\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76585\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76585\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76585\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76585\/translations\/nl"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/76585\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/76586"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=76585"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=76585"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=76585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}