{"id":458,"date":"2024-08-22T16:45:40","date_gmt":"2024-08-22T16:45:40","guid":{"rendered":"https:\/\/www.privacyanalytics.eu\/?p=458"},"modified":"2024-08-22T16:45:40","modified_gmt":"2024-08-22T16:45:40","slug":"matomo-incorporare-statistiche-sito","status":"publish","type":"post","link":"https:\/\/www.privacyanalytics.eu\/matomo-incorporare-statistiche-sito\/","title":{"rendered":"Matomo: Come incorporare le statistiche nel nostro sito con iframe"},"content":{"rendered":"<p>Su <b>Amministrazione<\/b> &gt; <b>Piattaforma<\/b> abbiamo tre sotto-sezioni: <b>Marketplace<\/b>, che abbiamo gi\u00e0 visto in precedenza, <b>Widgets<\/b>, che ora vedremo velocemente, e <b>API<\/b> che ci fornisce della documentazione sulle <b>integrazioni<\/b> possibili usando le API di Matomo.<\/p>\n<p>Potremmo avere la necessit\u00e0 o l\u2019interesse nel <b>mostrare pubblicamente<\/b> le statistiche del nostro sito web. Possiamo farlo attraverso l\u2019incorporamento di un <b>iframe<\/b>.<\/p>\n<p>Questo \u00e8 utile soprattutto per le <b>Pubbliche Amministrazioni<\/b> che hanno l\u2019obbligo di esporre questi dati.<\/p>\n<p><b>Importante<\/b>: sia che scegliamo di mostrare i dati pubblicamente tramite l\u2019utente \u201c<b>anonymous<\/b>\u201d o tramite <b>Auth Token<\/b>, come vedremo a breve, dobbiamo essere consapevoli che <b>i visitatori potranno accedere in lettura<\/b> alla nostra piattaforma Matomo e, nel caso in cui creiamo un utente \u201cospite\u201d per creare un Auth Token, <b>chiunque potrebbe sfruttare i nostri iframe<\/b>, dove viene passato il parametro <b>token_auth<\/b>, per accedere al nostro Matomo e, ad esempio, <b>creare degli Auth Token <\/b>a sua volta.<\/p>\n<p>Per approfondire, questa \u00e8 la documentazione ufficiale: <a href=\"https:\/\/matomo.org\/guide\/reporting-tools\/embedding-matomo\/\" rel=\"nofollow noopener\">Embedding Matomo<\/a>.<\/p>\n<p>Supponiamo di voler mostrare le Visite nel periodo: andiamo su <b>Piattaforma<\/b> &gt; <b>Widgets<\/b> e alla voce <b>Rapporti Widgetize<\/b> scegliamo <b>Visitatori<\/b> &gt; <b>Visite nel periodo<\/b>:<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-459 size-full\" src=\"https:\/\/www.privacyanalytics.eu\/app\/uploads\/2024\/08\/Figura-51-Rapporti-Widgetize.png\" alt=\"\" width=\"869\" height=\"507\" srcset=\"https:\/\/www.privacyanalytics.eu\/app\/uploads\/2024\/08\/Figura-51-Rapporti-Widgetize.png 869w, https:\/\/www.privacyanalytics.eu\/app\/uploads\/2024\/08\/Figura-51-Rapporti-Widgetize-300x175.png 300w, https:\/\/www.privacyanalytics.eu\/app\/uploads\/2024\/08\/Figura-51-Rapporti-Widgetize-768x448.png 768w, https:\/\/www.privacyanalytics.eu\/app\/uploads\/2024\/08\/Figura-51-Rapporti-Widgetize-429x250.png 429w\" sizes=\"(max-width: 869px) 100vw, 869px\" \/><figcaption>Rapporti Widgetize su Matomo<\/figcaption><\/figure>\n<p>Otterremo un codice HTML da inserire come iframe incorporato, simile a questo:<\/p>\n<pre class=\"language-markup\"><code>&lt;div id=\"widgetIframe\"&gt;&lt;iframe width=\"100%\" height=\"350\" src=\"https:\/\/matomo.miosito.it\/index.php?forceView=1&amp;viewDataTable=graphEvolution&amp;module=Widgetize&amp;action=iframe&amp;disableLink=1&amp;widget=1&amp;moduleToWidgetize=VisitsSummary&amp;actionToWidgetize=getEvolutionGraph&amp;idSite=1&amp;period=range&amp;date=previous30\" scrolling=\"yes\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\"&gt;&lt;\/iframe&gt;&lt;\/div&gt;<\/code><\/pre>\n<p>Affinch\u00e9 il nostro iframe sia visibile a chiunque, dovremo <b>modificare i permessi dell\u2019utente anonimo<\/b> di Matomo oppure <b>creare un nuovo utente e un token di autenticazione<\/b>.<\/p>\n<p>Infatti, di default i dati statistici di Matomo <b>richiedono l\u2019autenticazione<\/b>. La spiegazione completa \u00e8 in questa FAQ: <a href=\"https:\/\/matomo.org\/faq\/how-to\/faq_20130\/\" rel=\"nofollow noopener\">How do I make Matomo report data public and viewable by anyone?<\/a><\/p>\n<p>Se ci sta bene che <b>qualsiasi visitatore<\/b> possa accedere come <b>ospite<\/b> ai nostri dati, \u00e8 sufficiente andare su <b>Sistema<\/b> &gt; <b>Utenti<\/b> e assegnare all\u2019utente <b>anonymous<\/b> il permesso di <b>Vista<\/b>:<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-460 size-full\" src=\"https:\/\/www.privacyanalytics.eu\/app\/uploads\/2024\/08\/Figura-52-Permesso-Vista.png\" alt=\"\" width=\"690\" height=\"76\" srcset=\"https:\/\/www.privacyanalytics.eu\/app\/uploads\/2024\/08\/Figura-52-Permesso-Vista.png 690w, https:\/\/www.privacyanalytics.eu\/app\/uploads\/2024\/08\/Figura-52-Permesso-Vista-300x33.png 300w, https:\/\/www.privacyanalytics.eu\/app\/uploads\/2024\/08\/Figura-52-Permesso-Vista-600x66.png 600w\" sizes=\"(max-width: 690px) 100vw, 690px\" \/><figcaption>Permesso di visualizzazione dati<\/figcaption><\/figure>\n<p>Ora possiamo <b>incorporare l\u2019iframe<\/b> nel nostro sito web.<\/p>\n<p>Possiamo anche creare un Auth Code da usare per il nostro iframe, in questo modo:<\/p>\n<p><b>Creiamo un utente ospite<\/b> e scegliamo a quale sito farlo accedere:<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-461 size-full\" src=\"https:\/\/www.privacyanalytics.eu\/app\/uploads\/2024\/08\/Figura-53-Crazione-utente-ospite.png\" alt=\"\" width=\"225\" height=\"299\" srcset=\"https:\/\/www.privacyanalytics.eu\/app\/uploads\/2024\/08\/Figura-53-Crazione-utente-ospite.png 225w, https:\/\/www.privacyanalytics.eu\/app\/uploads\/2024\/08\/Figura-53-Crazione-utente-ospite-188x250.png 188w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><figcaption>Creazione utente ospite<\/figcaption><\/figure>\n<p>Ricordiamo che per creare l\u2019utente riceveremo <b>un\u2019invito via <\/b><b>e<\/b><b>mail<\/b> e dovremo <b>impostare una password<\/b>.<\/p>\n<p>Se necessario, assegniamo al nuovo utente il permesso di visualizzazione anche per altri siti.<\/p>\n<p>Ora, assicurandoci di essere loggati con l\u2019utente ospite, creiamo un <b>Auth T<\/b><b>oken<\/b> andando su <b>P<\/b><b>ersonale<\/b> &gt; <b>Sicurezza<\/b> e assegnandogli una descrizione.<\/p>\n<p>Copiamo il token e passiamolo come parametro <b>token_auth<\/b> al nostro iframe:<\/p>\n<pre class=\"language-markup\"><code>&lt;div id=\"widgetIframe\"&gt;&lt;iframe width=\"100%\" height=\"350\" src=\"https:\/\/matomo.miosito.it\/index.php?forceView=1&amp;viewDataTable=graphEvolution&amp;module=Widgetize&amp;action=iframe&amp;disableLink=1&amp;widget=1&amp;moduleToWidgetize=VisitsSummary&amp;actionToWidgetize=getEvolutionGraph&amp;idSite=1&amp;period=range&amp;date=previous30&amp;token_auth={IL_TOKEN}\" scrolling=\"yes\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\"&gt;&lt;\/iframe&gt;&lt;\/div&gt;<\/code><\/pre>\n<p>Sostituendo <b>{IL_TOKEN}<\/b> con il nostro token reale.<\/p>\n<p>In questo modo <b>l\u2019iframe sar\u00e0 visibile a chiunque<\/b> come se fosse loggato con l\u2019utente ospite che abbiamo creato.<\/p>\n<p>Per quanto riguarda eventuali <b>problematiche sulla sicurezza<\/b>, \u00e8 opportuno <b>leggere con attenzione<\/b> questa FAQ di Matomo: <a href=\"https:\/\/matomo.org\/faq\/general\/faq_114\/\" rel=\"nofollow noopener\">What is the token_auth and where can I find this token to use in the API calls?<\/a><\/p>\n<p>\u00c8 bene infatti notare che <b>l\u2019Auth Token funge da password<\/b> e quindi chiunque potrebbe usarlo per accedere autenticandosi come l\u2019utente proprietario del token. Fortunatamente, di default <b>non <\/b><b>\u00e8 possibile usare il token del Super Utente<\/b> per accedere alla piattaforma.<\/p>\n<h2>Leggi anche<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.privacyanalytics.eu\/matomo-plugin\/\">Lista di Plugin per Matomo<\/a><\/li>\n<li><a href=\"https:\/\/www.privacyanalytics.eu\/matomo-dimensioni-personalizzate\/\">Matomo: Dimensioni personalizzate<\/a><\/li>\n<li><a href=\"https:\/\/www.privacyanalytics.eu\/matomo-impostazioni-siti-web\/\">Matomo: Impostazioni siti web<\/a><\/li>\n<li><a href=\"https:\/\/www.privacyanalytics.eu\/matomo-impostazioni-di-sistema\/\">Matomo: impostazioni di sistema<\/a><\/li>\n<li><a href=\"https:\/\/www.privacyanalytics.eu\/matomo-impostazioni-privacy\/\">Matomo: Impostazioni privacy<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Su Amministrazione &gt; Piattaforma abbiamo tre sotto-sezioni: Marketplace, che abbiamo gi\u00e0 visto in precedenza, Widgets, che ora vedremo velocemente, e API che ci fornisce della documentazione sulle integrazioni possibili usando le API di Matomo. Potremmo avere la necessit\u00e0 o l\u2019interesse nel mostrare pubblicamente le statistiche del nostro sito web. Possiamo farlo attraverso l\u2019incorporamento di un [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":462,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-458","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-matomo"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.privacyanalytics.eu\/wp-json\/wp\/v2\/posts\/458"}],"collection":[{"href":"https:\/\/www.privacyanalytics.eu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.privacyanalytics.eu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.privacyanalytics.eu\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.privacyanalytics.eu\/wp-json\/wp\/v2\/comments?post=458"}],"version-history":[{"count":2,"href":"https:\/\/www.privacyanalytics.eu\/wp-json\/wp\/v2\/posts\/458\/revisions"}],"predecessor-version":[{"id":464,"href":"https:\/\/www.privacyanalytics.eu\/wp-json\/wp\/v2\/posts\/458\/revisions\/464"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.privacyanalytics.eu\/wp-json\/wp\/v2\/media\/462"}],"wp:attachment":[{"href":"https:\/\/www.privacyanalytics.eu\/wp-json\/wp\/v2\/media?parent=458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.privacyanalytics.eu\/wp-json\/wp\/v2\/categories?post=458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.privacyanalytics.eu\/wp-json\/wp\/v2\/tags?post=458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}