Home
WordPress Plugins
Analytify – Google Analytics Dashboard For WordPress free WordPress plugin
free-wordpress-analytify-8211-google-analytics-dashboard-plugin-plugin-dzr-o.jpg
Analytify – Google Analytics Dashboard For WordPress free WordPress plugin

Name: Analytify – Google Analytics Dashboard For WordPress free WordPress plugin Wordpress Plugin
Rating: 5 (5 reviews)
Author: Analytify
More Info/Download Plugins
Description

Homepage | Documentation | Support | Demo | Premium Version
Google Analytics Dashboard

Google Analytics Dashboard Plugin for WordPress – by Analytify makes Google Analytics simple for everyone using WordPress. We know how important it is to keep track of website analytics.
</span>
</code></pre>
<p>Analytify allows you to present the statistics from Google Analytics in a beautiful and useful manner. The integration is super simple and does not require the help of a developer to set up the integration. Once you integrate Google Analytics in WordPress using Analytify, you will be able to view the dashboard both at the front end and the backend.</p>
<p>Unlike other WordPress analytics plugins, Analytify brings a lot of actionable data in a single view at the dashboard. The Free version will let you view statistics like Visitors, Page views, New vs Returning Visitors, Top Pages, Geographic data, and much more.</p>
<p>The best part about Analytify is that it lets you view page-level statistics like views, users, bounce rate, average time on the page while being logged in the Admin panel of your WordPress website.</p>
<p>The premium version of this WordPress plugin is built to leverage the power of website analytics to let you know how people find and use your website.</p>
<p>Now you can get Google Analytics Dashboard inside your WordPress Dashboard with just a few clicks. Our goal at Analytify is pretty simple, to make data Analytics fun In WordPress.</p>
<p>Analytify is one of the few WordPress analytics plugins, which is the Google Analytics Technology Partner. This means our plugin is carefully tested and vetted to make sure you get the kind of support you need to be successful.</p>
<p><strong>Analytify 4.0 is here! Discover Google Analytics Like Never Before! Must check those stunning Screenshots!</strong></p>
<p><strong>ANALYTIFY PRO VERSION:</strong></p>
<blockquote>
<p>This is the free version of Analytify, there is a Premium version that comes with basic plus advanced features to help you get Google Analytics in WordPress. The Pro version is more easy to install, and shows <strong>Real-Time Stats</strong>, <strong>Campaign Stats</strong>, <strong>ShortCodes</strong>, <strong>Front-end Stats</strong> and more reports in backend and front-end. Also the premium version has better ecommerce tracking (Buy Add-ons with premium), and campaigns management. Get the affordable Premium Version from analytify.io . Bundle price is also available with Addons.</p>
</blockquote>
<pre><code><span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/pKAyHHQul-Q?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"/></span>
</code></pre>
<p><strong>ANALYTIFY IS A MULTILINGUAL PLUGIN, AVAILABLE IN THE FOLLOWING LANGUAGES</strong></p>
<p>The plugin is fully available in French, Turkish and Hungarian languages. However Dutch, German and Russian are just about to be fully translated. We are working hard to make sure the plugin is fully available in all the mentioned languages.</p>
<ul>
<li>French 100%</li>
<li>Turkish 100%</li>
<li>Hungarian 100%</li>
<li>Dutch 96%</li>
<li>German 96%</li>
<li>Russian 82%</li>
<li>Norwegian 79%</li>
<li>Spanish 50%</li>
</ul>
<blockquote>
<p>100% Multilingual, Translatable and WPML Compatible </p>
</blockquote>
<p><strong>INSTALLATION PROCESS OF ANALYTIFY WORDPRESS ANALYTICS PLUGIN</strong></p>
<p>Connect your WordPress site with Google Analytics with 1-Click Authentication process and It add Google Analytics tracking code to your WordPress website without the help of a developer.</p>
<blockquote>
<p>It is highly recommended by Google Analytics Team to use your own Custom API keys. You need to create a Project in Google Console.<br/>
  Here is a short Video guide to get your own ClientID, Client Secret and Redirect URL. Add these API Keys in Advanced Tab before connecting Analytify with Google Analytics.</p>
</blockquote>
<p><strong>TOP FEATURES OF THIS GOOGLE ANALYTICS PLUGIN FOR WORDPRESS</strong></p>
<p>Enhanced eCommerce Google analytics Tracking Add-ons for WooCommerce</p>
<p>Ecommerce tracking is a tricky process and requires the time and help of a developer to properly set up events and tracking. Analytify allows solid integration with WooCommerce to ensure you do not miss out on important eCommerce data of your business. It allows you to track product clicks, impressions, add to cart clicks, product performance, and much more right in your WordPress dashboard. The report also generates key insights on following factors:</p>
<ul>
<li>Average Order Value</li>
<li>Transaction Revenues</li>
<li>Total Transactions</li>
<li>Products removed from the cart</li>
</ul>
<p>Enhanced eCommerce Tracking for Easy Digital Downloads</p>
<p>Analytify’s addon for Easy Digital Downloads, lets you track digital sales, transactions, and revenue. We have made sure to sync the addon with Google Analytics for Easy Digital Downloads so that you can keep a close eye on the entire shopping behavior funnel of your website.</p>
<p>Geographical Data</p>
<p>The geographic data in the analytics report presents a beautiful visualization with the list of every country and city bringing traffic to your website. The low to high scale on the map makes it easy to identify the top traffic countries. You can easily identify those countries by hovering the mouse over the map.</p>
<p>Social Media Statistics in WordPress</p>
<p>Social media is a powerful source of traffic, and our plugin lets you know the effectiveness of your social media efforts inside your WordPress dashboard.</p>
<p>Real-Time Reporting</p>
<p>You must have seen real-time data in Google Analytics. But that nifty feature can be shown in your WordPress dashboard by connecting your WordPress site with Analytify.</p>
<p>Helps with Search Engine Optimization</p>
<p>Analytify lets you see traffic data for individual blog posts and pages, this keeps you aware of your top-performing content and allows you to take actionable steps.</p>
<p>Automated Email Reports</p>
<p>If you are an agency, or a business owner with multiple websites then our automated email reporting will come very handy for you. You can send individual post stats directly to your client by simply clicking “Send Email” within the dashboard.</p>
<p>Google Analytics System Stats Report</p>
<p>In the Analytify plugin, users can also view System stats report that includes how many visitors are coming from which platforms which include Operating systems, Browsers, and Mobile devices statistics.</p>
<p>Google Analytics Report for Goals</p>
<p>In the Analytify dashboard, you can also view your goals report that includes Goal Completions, Goals Value, Goals Conversion rate, Page per session, and Pages. The dashboard is further extended to show traffic sources and the goal completion from those sources.</p>
<p>Frontend Tracking Reports ShortCodes</p>
<p>If you want to show your stats to your user on the frontend side of your website or any post, you can easily do that. As Analytify provides you this amazing option by using shortcodes you can integrate tracking on your post or page for your users of visitors by adding shortcodes.</p>
<p><strong>GDPR Compatible Plugins</strong></p>
<ul>
<li>CookieYes</li>
<li>Cookie Notice & Compliance.</li>
</ul>
<p><strong>OTHER FEATURES YOU CAN GET BY CONNECTING YOUR SITE WITH GOOGLE ANALYTICS PLUGIN FOR WORDPRESS</strong></p>
<ul>
<li>List of top Referrers Browsers</li>
<li>List of top Referrers</li>
<li>Mobile device Statistics</li>
<li>See What’s happening when users come to your site (Bounce rate of top pages)</li>
<li>It can be easily customizable with CSS, you can give it any shape you want.</li>
<li>You can extend it to any level. Usage of API’s are very easy to work with.</li>
<li>General Statistics (Sessions, Users, Bounce rate, Average time on site, Average pages, Pageviews, New/Returning Visitors)</li>
<li>How people are finding you (TOP KEYWORDS) </li>
<li>[New] Dashboard dropdown menu now remembers your last selection of time period.</li>
</ul>
<p>PREMIUM FEATURES</p>
<ul>
<li>Campaigns Statistics</li>
<li>Events Tracking</li>
<li>Google AMP</li>
<li>Google Optimize</li>
<li>Forms Tracking</li>
<li>Custom Dimensions</li>
<li>Use ShortCodes in Widgets</li>
<li>Google Analytics Stats (Full) under the single posts,pages & Custom Post Types as a block in wp-admin</li>
<li>ShortCodes (Simple and Advanced) for Custom Statistics of your own choice</li>
</ul>
<p>WooCommerce Enhanced eCommerce tracking and report dashboard right inside your WordPress is now available. Take a look.</p>
<p>Following are the important add-ons which empower you to set up Google Analytics like a boss. It really helps your clients, online stores, etc.</p>
<ul>
<li>Google Analytics Goals Dashboard</li>
<li>Google Analytics eCommerce Tracking for WooCommerce</li>
<li>Google Analytics eCommerce Tracking for Easy Digital Downloads</li>
<li>Automated Email Notifications</li>
<li>Google Analytics Campaigns Tracking</li>
<li>[Free] Google Analytics Dashboard Widget</li>
</ul>
<p>FOLLOWING IS A COMPLETE HIERARCHY STRUCTURE OF ANALYTIFY PRODUCTS SUITE</p>
<ul>
<li>Analytify Core (Free and Required for all add-ons)
<ul>
<li>Dashboard widget (Free) Google Analytics Widget in your WordPress Dashboard.</li>
<li>Analytify Pro (Paid)
<ul>
<li>Campaign Tracking (Paid)</li>
<li>Email Notifications (Paid)</li>
<li>Google Analytics Goals Tracking and Dashboard (Paid)</li>
<li>Google Analytics Forms Tracking and Dashboard (Paid)</li>
<li>Google Analytics Authors Tracking and Dashboard (Paid)</li>
<li>Enhanced Ecommerce Google Analytics Tracking for WooCommerce (Paid)</li>
<li>Enhanced Ecommerce Google Analytics Tracking for Easy Digital Downloads (Paid)</li>
</ul>
</li>
</ul>
</li>
</ul>
<p>It is highly recommended by Google Analytics Team to use your own Custom API keys. You need to create a Project in Google Console.</p>
<p>Here is a short Video guide or a tutorial to get your own ClientID, Client Secret and Redirect URL. Add these API Keys in Advanced Tab before connecting Analytify with Google Analytics.</p>
<blockquote>
<p>This Google analytics plugin is also available on github and ready to take bugs and pull requests. For Support, you can buy the <strong>PRO version</strong>, this will give access to premium updates, support and features.</p>
</blockquote>
<h2>Notes</h2>
<p>Analytify is the best Google Analytics plugin for WordPress. We make Google Analytics look EASY. You know all about Google Analytics and love the data it provides, but wouldn’t it be nice if there is a tool to make managing all of that complex information simpler?</p>
<p>You’re in luck.</p>
<p>Google Analytics Was Never This Fun In WordPress before.</p>
<p>Following is a list of Testimonials you must read them once.</p>
<p>Testimonial # 1</p>
<p><strong>Great way to understand your audience</strong></p>
<p>I’ve been using the Pro version for quite a while. I really love how it gives me in-depth information about each individual post. That kind of info is hard to navigate to in Google Analytics even if you’re relatively familiar with it already. I discovered all kinds of new things about how people land on my site and how they engage with it just by activating the plugin and looking at the information it provides in the Dashboard and on individual posts.</p>
<p>The author is also an official Google analytics Partner, which I think speaks volumes. Well done all around, highly recommended!</p>
<p>Testimonial # 2</p>
<p><strong>Best Google Analytics Plugin</strong></p>
<p>This is something that clients really love as they of course want to see traffic to their site. However many do not want to log into google analytics and work their way through its rather complicated reporting modules. This gives all the headline stuff and more. What’s really neat is that it does it for every single page as well. So you can really see what’s going on for a particular post. So a google search for X led to this page. It also has great realtime reporting for the paid version. I had one small issue and the developer responded and addressed it immediately. Very impressed. It’s become a default plugin.</p>
<p>Testimonial # 3</p>
<p><strong>Excellent Integrations with Google Analytics</strong></p>
<p>Many of my clients don’t want to view analytics outside their dashboard. This plugin integrates GA beautifully within the WordPress admin panel. I suggest you give it a spin. The developers are also very nice and dedicated to the plugin, which goes a long way.</p>
<p>Testimonial # 4</p>
<p><strong>Outstanding support and product</strong></p>
<p>Besides thinking the plugin is wonderful, I am equally impressed with the support team. I had issues and they emailed back and forth to resolve my issues and even update the plugin for me. I highly recommend this plugin which has been very beneficial to my analytics, but just as important, I appreciate the support in resolving my issue in a very timely manner.</p>
<p>You may buy the premium version to support the development.</p>
<p>https://analytify.io/details</p></div>
        
    </p>
    </div>
    <h3 class="font-semibold text-4xl">Tags:</h3>
    <ul class="flex gap-x-2 pb-4 border-b-4 border-gray-400">
        
        <li>
            <a href="https://oxtheme.com/plugins-search/?q=analytics" class="text-xs">
                analytics
            </a>
        </li>
        
        <li>
            <a href="https://oxtheme.com/plugins-search/?q=google analytics" class="text-xs">
                google analytics
            </a>
        </li>
        
        <li>
            <a href="https://oxtheme.com/plugins-search/?q=google analytics dashboard" class="text-xs">
                google analytics dashboard
            </a>
        </li>
        
        <li>
            <a href="https://oxtheme.com/plugins-search/?q=google analytics stats" class="text-xs">
                google analytics stats
            </a>
        </li>
        
        <li>
            <a href="https://oxtheme.com/plugins-search/?q=WordPress analytics" class="text-xs">
                WordPress analytics
            </a>
        </li>
        
    </ul>
    <div class="flex flex-col md:flex-row gap-4 justify-between pb-4 border-b-4 border-gray-400">
        <div class="flex flex-col">
            <h2 class="mb-3 font-semibold text-4xl">Author</h2>
            <p class="mb-4 font-semibold text-sm w-48 word-break-all text-teal-600">
                <a href="https://oxtheme.com/plugins-search/?q=Analytify">
                    Analytify
                </a>
            </p>
        </div>
        <div class="flex flex-col">
            <h2 class="mb-2 font-bold text-4xl">Plugins Used on</h2>
            <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all">
                6824 websites
            </p>
        </div>
    </div>
    <div class="flex flex-col md:flex-row gap-4 justify-between pb-4 border-b-4 border-gray-400">
        <div class="flex flex-col">
            <h2 class="mb-2 font-bold text-4xl">Plugins Folder</h2>
            <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all">
                wp-analytify
            </p>
        </div>
        <div class="flex flex-col">
            <h2 class="mb-2 font-bold text-4xl">Plugins Pricing</h2>
            <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all">
                Free Plugin
            </p>
        </div>
    </div>
    <ul class="grid grid-cols-5 md:grid-cols-5 gap-4">
        <li>
            <a rel="noreferrer noopener nofollow" href="https://be.elementor.com/visit/?bta=64676&nci=5626" target="_blank">
                <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/elementor200x200.png" border="0" width="250" height="250" />
            </a>
        </li>
        <li>
            <a rel="noreferrer noopener nofollow" href="https://crocoblock.com/?ref=10375" target="_blank">
                <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/Crocoblock-280X280-dark.jpg" border="0" width="250" height="250" />
            </a>
        </li>
        <li>
            <a target="_blank" rel="noreferrer noopener nofollow"
               href="https://shareasale.com/r.cfm?b=2344585&amp;u=94913&amp;m=41388&amp;urllink=&amp;afftrack=">
                <img class="h-auto max-w-full rounded-lg"
                     src="https://img.oxtheme.com/250x250WPEBanner-replacing1144536.png"
                     border="0" alt=""/>
            </a>
        </li>
        <li>
            <a rel="noreferrer noopener nofollow" href="https://digitalocean.pxf.io/c/3546921/1373777/15890"
               target="_blank" id="1373777">
                <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/15890-1373777.jpg" border="0"
                     alt="" width="300" height="250"/></a>
            <img height="0" width="0" src="https://imp.pxf.io/i/3546921/1373777/15890"
                 style="position:absolute;visibility:hidden;" border="0"/>
        </li>
        <li>
            <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1836136&amp;u=94913&amp;m=46483&amp;urllink=&amp;afftrack=">
                <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/2021_DP_compromo_ad_250x250.png" border="0" alt=""/>
            </a>
        </li>
        <li>
            <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1898312&amp;u=94913&amp;m=37723&amp;urllink=&amp;afftrack=">
                <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/SquareOnline_SOS_Wave2_336x280_Blue.gif" border="0" alt="SimilarWeb Keyword Research Tool" />
            </a>
        </li>
        <li>
            <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1866994&amp;u=94913&amp;m=82629&amp;urllink=&amp;afftrack=">
                <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/02_ScalaHosting_banner_v6_2_250x250.png" border="0" alt="SimilarWeb Keyword Research Tool" />
            </a>
        </li>
        <li>
            <a rel="noreferrer noopener nofollow" href="https://partners.hostgator.com/c/3546921/215609/3094" target="_top" id="215609">
                <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/3094-215609.png" border="0" alt="" width="250" height="250"/>
            </a>
            <img height="0" width="0" src="https://partners.hostgator.com/i/3546921/215609/3094"
                 style="position:absolute;visibility:hidden;" border="0"/>
        </li>
        <li>
            <a rel="noreferrer noopener nofollow" href="https://bluehost.sjv.io/c/3546921/1465797/11352" target="_top" id="1465797">
                <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/11352-1465797.jpg" border="0" alt="" width="250" height="250"/>
            </a>
            <img height="0" width="0" src="https://imp.pxf.io/i/3546921/1465797/11352" style="position:absolute;visibility:hidden;" border="0" />
        </li>
    </ul>
</div>

    <!-- footer -->
    <div class="flex items-center justify-center p-4">
        <a href="https://1.envato.market/c/3546921/522999/4415" target="_top" id="522999">
            <img src="https://img.oxtheme.com/affiliate/4415-522999.png" alt="" width="970" height="90"/>
        </a>
        <img height="0" width="0" src="https://1.envato.market/i/3546921/522999/4415" style="position:absolute;visibility:hidden;" border="0"/>
    </div>
    <footer class="footer p-10 bg-base-200 text-base-content">
        <nav>
            <header class="footer-title">Resources</header>
            <a class="link link-hover" href="https://oxtheme.com/creator/" rel="noreferrer nofollow">Theme Creator</a>
            <a class="link link-hover" href="https://oxtheme.com/blog/" rel="noreferrer nofollow">Blog</a>
            <a class="link link-hover" href="https://oxtheme.com/user/favourites/" rel="noreferrer nofollow">Favourites</a>
        </nav>
        <nav>
            <header class="footer-title">Free Tool</header>
            <a class="link link-hover" href="https://oxtheme.com/wordpress-theme-detector/" rel="noreferrer nofollow">WordPress Theme Detector</a>
        </nav>
        <nav>
            <header class="footer-title">Directory</header>
            <a class="link link-hover" href="https://oxtheme.com/plugins/">WordPress Plugins</a>
            <a class="link link-hover" href="https://oxtheme.com/premium-themes/">WordPress Premium themes</a>
            <a class="link link-hover" href="https://oxtheme.com/premium-tag/">WordPress Theme Tags</a>
            <a class="link link-hover" href="https://oxtheme.com/collections/">WordPress Theme Collections</a>
        </nav>
        <nav>
            <header class="footer-title">Abouts</header>
            <a class="link link-hover" href="https://oxtheme.com/privacy/" rel="noreferrer nofollow">Privacy Policy</a>
            <a class="link link-hover" href="https://oxtheme.com/sitemaps.xml">Sitemaps</a>
        </nav>
    </footer>
    <footer class="footer skeleton px-10 py-4 border-t bg-base-200 text-base-content border-base-300">
        <aside class="items-center grid-flow-col">
            <p id="copyright">Copyright © <span id="currentYear">2024</span> - All right reserved.</p>
        </aside>
        <nav class="md:place-self-center md:justify-self-end">
            <div class="grid grid-flow-col gap-4">
                <a href="https://twitter.com/rockking92" target="_blank" rel="nofollow">
                    <svg width="24" height="24" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"
                            fill="black" />
                    </svg>
                </a>
            </div>
        </nav>
    </footer>
    <!-- 顶部 -->
    <button id="back-to-top" class="hidden fixed bottom-64 right-2 p-3 rounded-full bg-black text-white shadow-lg hover:bg-gray-900 focus:outline-none">
        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path>
        </svg>
    </button>
</body>
<script src="/static/js/jquery.js"></script>
<script>
    document.getElementById("menu-button").addEventListener("click", function () {
        let menuLinks = document.getElementById("menu-links");
        if (menuLinks.style.display === "none" || menuLinks.style.display === "") {
            menuLinks.style.display = "block";
        } else {
            menuLinks.style.display = "none";
        }
    });

    const ob = new IntersectionObserver((entries) => {
        for (const entry of entries) {
            if (entry.intersectionRatio) {
                const img = entry.target
                img.src = img.dataset.src
                ob.unobserve(img)
            }
        }
    },
        {
            threshold: 0
        })
    const imgs = document.querySelectorAll('img[data-src]')
    imgs.forEach((imgEle) => {
        ob.observe(imgEle)
    })

    // Wait for the DOM to be ready
    document.addEventListener('DOMContentLoaded', function () {
        window.addEventListener('load', function () {
            document.getElementById('loadingSpinner').classList.add('hidden');
        });
    });

    if (document.domain !== 'oxtheme.com' && document.domain !== 'www.oxtheme.com') {
        window.location.href = 'https://oxtheme.com';
    }

    // year
    document.getElementById("currentYear").textContent = new Date().getFullYear();

    document.addEventListener('DOMContentLoaded', function () {
        let dropdownButton = document.getElementById('dropdownButton');
        let dropdown = document.getElementById('dropdown');

        dropdownButton.addEventListener('click', function () {
            if (dropdown.classList.contains('hidden')) {
                dropdown.classList.remove('hidden');
            } else {
                dropdown.classList.add('hidden');
            }
        });

        window.addEventListener('click', function (e) {
            if (!dropdown.contains(e.target) && !dropdownButton.contains(e.target)) {
                dropdown.classList.add('hidden');
            }
        });
    });

    // 控制按钮显示与隐藏的变量
    let button = document.getElementById('back-to-top');

    // 滚动时显示按钮
    window.addEventListener('scroll', function() {
        if (window.scrollY > 300) {
            button.classList.remove('hidden');
        } else {
            button.classList.add('hidden');
        }
    });

    // 回到顶部隐藏按钮
    button.addEventListener('click', function() {
        window.scrollTo({ top: 0, behavior: 'smooth' });
        button.classList.add('hidden');
    });
</script>

<style>
    .word-break-all {
        word-break: break-all;
    }
</style>

<style>
    #loadingSpinner {
        display: none;
    }

    @media (min-width: 1024px) {
        #menu-links {
            display: flex !important;
        }
    }

    @media (max-width: 1024px) {
        #menu-links {
            display: none;
        }
    }

    /* 基础样式 */
    #dropdown {
        width: 320px;
    }

    /* 当屏幕宽度大于1024px时 */
    @media (min-width: 1024px) {
        #dropdown {
            width: 750px; /* 全宽 */
        }
    }
</style>
</html>