Dynamic HTML Dashboard<\/title>\n <style>\n body {\n font-family: 'Poppins', sans-serif;\n background-color: #f0f0f0;\n margin: 0;\n padding: 20px;\n }\n .container {\n max-width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n }\n .stats-container {\n display: flex;\n justify-content: space-around;\n margin-bottom: 20px;\n }\n .stat-box {\n background-color: #ff577f;\n color: white;\n border-radius: 8px;\n padding: 20px;\n text-align: center;\n flex: 1;\n margin: 0 10px;\n }\n .stat-box h2 {\n font-size: 2em;\n margin: 0;\n }\n .stat-box p {\n font-size: 1.2em;\n margin: 0;\n }\n .dashboard {\n margin-top: 40px;\n }\n .chart {\n margin-top: 20px;\n background-color: #ffffff;\n border-radius: 8px;\n padding: 20px;\n position: relative;\n }\n .tooltip {\n position: absolute;\n background-color: rgba(255, 87, 127, 0.9);\n color: white;\n padding: 10px;\n border-radius: 8px;\n display: none;\n pointer-events: none;\n max-width: 200px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"stats-container\">\n <div class=\"stat-box\">\n <h2 id=\"urlCount\">0<\/h2>\n <p>Number of URLs<\/p>\n <\/div>\n <div class=\"stat-box\">\n <h2 id=\"downloadDate\">—<\/h2>\n <p>Download date<\/p>\n <\/div>\n <div class=\"stat-box\">\n <h2 id=\"sitemapCount\">0<\/h2>\n <p>Number of sitemaps<\/p>\n <\/div>\n <\/div>\n\n <div class=\"dashboard\" id=\"dashboard\">\n <h2>Dashboard<\/h2>\n <div class=\"chart\" id=\"chart\">\n <h3>XML Sitemap Chart<\/h3>\n <canvas id=\"sitemapChart\"><\/canvas>\n <div class=\"tooltip\" id=\"chartTooltip\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n fetchSitemapData('https:\/\/steffisblogs.com\/index.php\/sitemap.xml');\n });\n\n async function fetchSitemapData(url) {\n try {\n const response = await fetch(url);\n const text = await response.text();\n const parser = new DOMParser();\n const xmlDoc = parser.parseFromString(text, 'text\/xml');\n processSitemapData(xmlDoc);\n } catch (error) {\n console.error('Error fetching sitemap:', error);\n }\n }\n\n function processSitemapData(xmlDoc) {\n const urls = xmlDoc.querySelectorAll('url');\n const urlData = Array.from(urls).map(url => ({\n loc: url.querySelector('loc').textContent,\n lastmod: url.querySelector('lastmod') ? new Date(url.querySelector('lastmod').textContent) : new Date()\n }));\n const downloadDate = new Date().toISOString().split('T')[0];\n\n \/\/ Update stats\n document.getElementById('urlCount').innerText = urlData.length;\n document.getElementById('downloadDate').innerText = downloadDate;\n document.getElementById('sitemapCount').innerText = xmlDoc.querySelectorAll('sitemap').length || 1;\n\n \/\/ Update chart\n const chartData = {\n labels: urlData.map((url, index) => `URL ${index + 1}`),\n datasets: [{\n label: 'URLs Count',\n data: urlData.map(() => Math.floor(Math.random() * 200)),\n backgroundColor: '#ff577f'\n }]\n };\n\n const ctx = document.getElementById('sitemapChart').getContext('2d');\n new Chart(ctx, {\n type: 'bar',\n data: chartData,\n options: {\n responsive: true,\n plugins: {\n tooltip: {\n callbacks: {\n label: function (context) {\n const url = urlData[context.dataIndex];\n return `URL: ${url.loc}`;\n }\n }\n }\n }\n }\n });\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dynamic HTML Dashboard 0 Number of URLs — Download date 0 Number of sitemaps Dashboard XML Sitemap Chart<\/p>\n","protected":false},"author":1,"featured_media":9440,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_gspb_post_css":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-9428","page","type-page","status-publish","has-post-thumbnail","hentry"],"featured_image_src":"https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-600x400.png","featured_image_src_square":"https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-600x600.png","uagb_featured_image_src":{"full":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image.png",1792,1024,false],"thumbnail":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-150x150.png",150,150,true],"medium":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-300x171.png",300,171,true],"medium_large":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-768x439.png",640,366,true],"large":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-1024x585.png",640,366,true],"1536x1536":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-1536x878.png",1536,878,true],"2048x2048":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-1792x1024.png",1792,1024,true],"ultp_layout_landscape_large":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-1200x800.png",1200,800,true],"ultp_layout_landscape":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-870x570.png",870,570,true],"ultp_layout_portrait":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-600x900.png",600,900,true],"ultp_layout_square":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-600x600.png",600,600,true],"gb-block-post-grid-landscape":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-600x400.png",600,400,true],"gb-block-post-grid-square":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-600x600.png",600,600,true],"web-stories-poster-portrait":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-640x853.png",640,853,true],"web-stories-publisher-logo":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-96x96.png",96,96,true],"web-stories-thumbnail":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-150x86.png",150,86,true]},"uagb_author_info":{"display_name":"Steff the Blogger","author_link":"https:\/\/steffisblogs.com\/index.php\/author\/goddyarts\/"},"uagb_comment_info":0,"uagb_excerpt":"Dynamic HTML Dashboard 0 Number of URLs — Download date 0 Number of sitemaps Dashboard XML Sitemap Chart","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/pages\/9428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/comments?post=9428"}],"version-history":[{"count":10,"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/pages\/9428\/revisions"}],"predecessor-version":[{"id":9442,"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/pages\/9428\/revisions\/9442"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/media\/9440"}],"wp:attachment":[{"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/media?parent=9428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9428,"date":"2024-07-05T01:33:04","date_gmt":"2024-07-05T01:33:04","guid":{"rendered":"https:\/\/steffisblogs.com\/?page_id=9428"},"modified":"2024-07-06T01:42:08","modified_gmt":"2024-07-06T01:42:08","slug":"analyze-our-websites-sitemap","status":"publish","type":"page","link":"https:\/\/steffisblogs.com\/index.php\/analyze-our-websites-sitemap\/","title":{"rendered":"Analyze Our Website’s Sitemap"},"content":{"rendered":"\n\n\n\n \n \n Dynamic HTML Dashboard<\/title>\n <style>\n body {\n font-family: 'Poppins', sans-serif;\n background-color: #f0f0f0;\n margin: 0;\n padding: 20px;\n }\n .container {\n max-width: 100%;\n margin: 0 auto;\n padding: 20px;\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n }\n .stats-container {\n display: flex;\n justify-content: space-around;\n margin-bottom: 20px;\n }\n .stat-box {\n background-color: #ff577f;\n color: white;\n border-radius: 8px;\n padding: 20px;\n text-align: center;\n flex: 1;\n margin: 0 10px;\n }\n .stat-box h2 {\n font-size: 2em;\n margin: 0;\n }\n .stat-box p {\n font-size: 1.2em;\n margin: 0;\n }\n .dashboard {\n margin-top: 40px;\n }\n .chart {\n margin-top: 20px;\n background-color: #ffffff;\n border-radius: 8px;\n padding: 20px;\n position: relative;\n }\n .tooltip {\n position: absolute;\n background-color: rgba(255, 87, 127, 0.9);\n color: white;\n padding: 10px;\n border-radius: 8px;\n display: none;\n pointer-events: none;\n max-width: 200px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"stats-container\">\n <div class=\"stat-box\">\n <h2 id=\"urlCount\">0<\/h2>\n <p>Number of URLs<\/p>\n <\/div>\n <div class=\"stat-box\">\n <h2 id=\"downloadDate\">—<\/h2>\n <p>Download date<\/p>\n <\/div>\n <div class=\"stat-box\">\n <h2 id=\"sitemapCount\">0<\/h2>\n <p>Number of sitemaps<\/p>\n <\/div>\n <\/div>\n\n <div class=\"dashboard\" id=\"dashboard\">\n <h2>Dashboard<\/h2>\n <div class=\"chart\" id=\"chart\">\n <h3>XML Sitemap Chart<\/h3>\n <canvas id=\"sitemapChart\"><\/canvas>\n <div class=\"tooltip\" id=\"chartTooltip\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n fetchSitemapData('https:\/\/steffisblogs.com\/index.php\/sitemap.xml');\n });\n\n async function fetchSitemapData(url) {\n try {\n const response = await fetch(url);\n const text = await response.text();\n const parser = new DOMParser();\n const xmlDoc = parser.parseFromString(text, 'text\/xml');\n processSitemapData(xmlDoc);\n } catch (error) {\n console.error('Error fetching sitemap:', error);\n }\n }\n\n function processSitemapData(xmlDoc) {\n const urls = xmlDoc.querySelectorAll('url');\n const urlData = Array.from(urls).map(url => ({\n loc: url.querySelector('loc').textContent,\n lastmod: url.querySelector('lastmod') ? new Date(url.querySelector('lastmod').textContent) : new Date()\n }));\n const downloadDate = new Date().toISOString().split('T')[0];\n\n \/\/ Update stats\n document.getElementById('urlCount').innerText = urlData.length;\n document.getElementById('downloadDate').innerText = downloadDate;\n document.getElementById('sitemapCount').innerText = xmlDoc.querySelectorAll('sitemap').length || 1;\n\n \/\/ Update chart\n const chartData = {\n labels: urlData.map((url, index) => `URL ${index + 1}`),\n datasets: [{\n label: 'URLs Count',\n data: urlData.map(() => Math.floor(Math.random() * 200)),\n backgroundColor: '#ff577f'\n }]\n };\n\n const ctx = document.getElementById('sitemapChart').getContext('2d');\n new Chart(ctx, {\n type: 'bar',\n data: chartData,\n options: {\n responsive: true,\n plugins: {\n tooltip: {\n callbacks: {\n label: function (context) {\n const url = urlData[context.dataIndex];\n return `URL: ${url.loc}`;\n }\n }\n }\n }\n }\n });\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dynamic HTML Dashboard 0 Number of URLs — Download date 0 Number of sitemaps Dashboard XML Sitemap Chart<\/p>\n","protected":false},"author":1,"featured_media":9440,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_gspb_post_css":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-9428","page","type-page","status-publish","has-post-thumbnail","hentry"],"featured_image_src":"https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-600x400.png","featured_image_src_square":"https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-600x600.png","uagb_featured_image_src":{"full":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image.png",1792,1024,false],"thumbnail":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-150x150.png",150,150,true],"medium":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-300x171.png",300,171,true],"medium_large":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-768x439.png",640,366,true],"large":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-1024x585.png",640,366,true],"1536x1536":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-1536x878.png",1536,878,true],"2048x2048":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-1792x1024.png",1792,1024,true],"ultp_layout_landscape_large":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-1200x800.png",1200,800,true],"ultp_layout_landscape":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-870x570.png",870,570,true],"ultp_layout_portrait":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-600x900.png",600,900,true],"ultp_layout_square":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-600x600.png",600,600,true],"gb-block-post-grid-landscape":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-600x400.png",600,400,true],"gb-block-post-grid-square":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-600x600.png",600,600,true],"web-stories-poster-portrait":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-640x853.png",640,853,true],"web-stories-publisher-logo":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-96x96.png",96,96,true],"web-stories-thumbnail":["https:\/\/steffisblogs.com\/wp-content\/uploads\/2024\/07\/image-150x86.png",150,86,true]},"uagb_author_info":{"display_name":"Steff the Blogger","author_link":"https:\/\/steffisblogs.com\/index.php\/author\/goddyarts\/"},"uagb_comment_info":0,"uagb_excerpt":"Dynamic HTML Dashboard 0 Number of URLs — Download date 0 Number of sitemaps Dashboard XML Sitemap Chart","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/pages\/9428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/comments?post=9428"}],"version-history":[{"count":10,"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/pages\/9428\/revisions"}],"predecessor-version":[{"id":9442,"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/pages\/9428\/revisions\/9442"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/media\/9440"}],"wp:attachment":[{"href":"https:\/\/steffisblogs.com\/index.php\/wp-json\/wp\/v2\/media?parent=9428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}