# Google Analytics extension for Umbraco

![analytics_banner.webp](https://flowcourier.com/media/3ienszox/analytics_banner.webp)

## Bring website analytics directly into your CMS context

<div class="row">
<section >
    <div class="container py-5 px-4 px-lg-5">
    <div class="row">
        <!-- g-4 adds gutter (spacing) between columns -->
        <!-- Webmaster Card -->
        <div class="col-md-4 d-flex align-items-stretch">
            <div class="card flex-grow-1 border-0 rounded-0 ">
                <!-- p-3 adds padding inside the card -->
                <div class=" d-flex justify-content-center align-items-center" style="height: 100px;">
                    <i class="fas fa-globe fa-3x "></i> <!-- Font Awesome globe icon for Webmasters -->
                </div>
                <div class="card-body">
                    <h4 class="card-title">For Webmasters</h4>
                    <p class="card-text fs-6">
                        This extension provides real-time insights into website performance, user behavior, and traffic trends. Webmasters can monitor site speed, identify issues, and optimize the user experience, ensuring smooth operations with customizable dashboards and detailed reports to enhance overall site efficiency.
                    </p>
                </div>
            </div>
        </div>

        <!-- SEO Card -->
        <div class="col-md-4 d-flex align-items-stretch">
            <div class="card flex-grow-1 border-0 rounded-0 ">
                <div class="d-flex justify-content-center align-items-center" style="height: 100px;">
                    <i class="fas fa-chart-line fa-3x"></i> <!-- Font Awesome chart line icon for SEO -->
                </div>
                <div class="card-body">
                    <h4 class="card-title">For SEO</h4>
                    <p class="card-text fs-6">
                        The extension offers key metrics like organic traffic, bounce rate, and keyword performance, enabling SEO experts to refine strategies. It helps analyze user behavior and content performance, optimize SEO tactics, and track changes in real-time to improve search rankings and drive organic traffic.
                    </p>
                </div>
            </div>
        </div>

        <!-- Developers Card -->
        <div class="col-md-4 d-flex align-items-stretch">
            <div class="card flex-grow-1 border-0 rounded-0 ">
                <div class="d-flex justify-content-center align-items-center" style="height: 100px;">
                    <i class="fas fa-code fa-3x text-black"></i> <!-- Font Awesome code icon for Developers -->
                </div>
                <div class="card-body">
                    <h4 class="card-title">For Developers</h4>
                    <p class="card-text fs-6">
                        Developers benefit from easy integration, customizable analytics tracking, and real-time performance monitoring. The extension helps identify technical issues, optimize performance, and streamline site maintenance. It simplifies the process of collecting critical data, supporting more efficient, data-driven development and troubleshooting.
                    </p>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>
</div>

<div class="row">
<section class="alert alert-warning rounded-0 text-black mb-0">
    <div class="text-center ">
        <h3 class="fs-5  m-0">
            <span class="badge bg-warning text-dark">New</span>
            Introducing <a href="#">Google PageSpeed Insights</a> and <a href="#">Search Console</a> Integration

        </h3>
    </div>
</section>
</div>

<div class="row">
<section class="py-5 bg-dark">
    <div class="container">
        <div class="row justify-content-center text-center text-white">
            <div class="col-md-8 py-4">
                <h2 class="pb-4 fs-1">See How It Works</h2>  
                <div class="ratio ratio-16x9">
                    <iframe width="560" height="315" src="https://www.youtube.com/embed/Xea-XGWa31Q?si=KQ0kx6b8uy6yElkk"
                            title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                            referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
                    </iframe>
                </div>
            </div>
        </div>
    </div>
</section>
</div>

<!-- Visitors Tab Section -->
<div class="row">
<section class="py-5 bg-dark-subtle">
    <div class="container">
        <div class="row align-items-start">
            <div class="col-md-5 order-md-2">
                <h4 class="mt-0 mx-3 mb-3 fs-3">Visitors -tab opens analytics data from Google Analytics from any given Umbraco page.</h4>
            </div>
            <div class="col-md-7 order-md-1">
                <img src="https://raw.githubusercontent.com/flowcourier/Flowcourier.Umbraco.Support/main/images/visitors-page-specific-reporting.png" class="img-fluid w-100 shadow-sm" />
            </div>
        </div>
    </div>
</section>
</div>

<!-- Real-Time Analytics Section -->
<div class="row">
<section class="py-5 bg-white">
    <div class="container">
        <div class="row align-items-start">
            <div class="col-md-5 order-md-1">
                <h4 class="mt-0 mx-3 mb-3 fs-3">With Real-Time, you can immediately and continuously monitor the visitors currently on your site.</h4>
            </div>
            <div class="col-md-7 order-md-2">
                <img src="https://raw.githubusercontent.com/flowcourier/Flowcourier.Umbraco.Support/main/images/analytics-realtime.png" class="img-fluid w-100 shadow-sm" />
            </div>
        </div>
    </div>
</section>
</div>

<!-- Analytics Site-wide Reports Section -->
<div class="row">
<section class="py-5 bg-dark-subtle">
    <div class="container">
        <div class="row align-items-start">
            <div class="col-md-5 order-md-2">
                <h4 class="mt-0 mx-3 mb-3 fs-3">See and filter analytics reports.</h4>
            </div>
            <div class="col-md-7 order-md-1">
                <img src="https://raw.githubusercontent.com/flowcourier/Flowcourier.Umbraco.Support/main/images/analytics-site-wide-reports.png" class="img-fluid w-100 shadow-sm" />
            </div>
        </div>
    </div>
</section>
</div>

<!-- Analytics Acquisition Section -->
<div class="row">
<section class="py-5 bg-white">
    <div class="container">
        <div class="row align-items-start">
            <div class="col-md-5 order-md-1">
                <h4 class="mt-0 mx-3 mb-3 fs-3">Analytics acquisition helps you identify where your website users come from.</h4>
            </div>
            <div class="col-md-7 order-md-2">
                <img src="https://raw.githubusercontent.com/flowcourier/Flowcourier.Umbraco.Support/main/images/analytics-acquisition.png" class="img-fluid w-100 shadow-sm" />
            </div>
        </div>
    </div>
</section>
</div>

<!-- Behavioral Analytics Section -->
<div class="row">
<section class="py-5 bg-dark-subtle">
    <div class="container">
        <div class="row align-items-start">
            <div class="col-md-5 order-md-2">
                <h4 class="mt-0 mx-3 mb-3 fs-3">Behavioral analytics reveals insights into customer behavior on your website.</h4>
            </div>
            <div class="col-md-7 order-md-1">
                <img src="https://raw.githubusercontent.com/flowcourier/Flowcourier.Umbraco.Support/main/images/analytics-behaviour.png" class="img-fluid w-100 shadow-sm" />
            </div>
        </div>
    </div>
</section>
</div>

<!-- Technology Analytics Section -->
<div class="row">
<section class="py-5 bg-white">
    <div class="container">
        <div class="row align-items-start">
            <div class="col-md-5 order-md-1">
                <h4 class="mt-0 mx-3 mb-3 fs-3">Understand what kind of devices people use to access your site.</h4>
            </div>
            <div class="col-md-7 order-md-2">
                <img src="https://raw.githubusercontent.com/flowcourier/Flowcourier.Umbraco.Support/main/images/analytics-technology.png" class="img-fluid w-100 shadow-sm" />
            </div>
        </div>
    </div>
</section>
</div>

<!-- PageSpeed Insights Section -->
<div class="row">
<section class="py-5 bg-dark-subtle">
    <div class="container">
        <div class="row align-items-start">
            <div class="col-md-5 order-md-2">
                <h4 class="mt-0 mx-3 mb-3 fs-3">   <span style="line-height: 1rem;"  class="badge bg-warning text-dark">New</span> PageSpeed Insights (PSI) reports on the user experience and provides suggestions for improvement.</h4>
            </div>
            <div class="col-md-7 order-md-1">
                <img src="https://raw.githubusercontent.com/flowcourier/Flowcourier.Umbraco.Support/main/images/page-speed-insights.png" class="img-fluid w-100 shadow-sm" />
            </div>
        </div>
    </div>
</section>
</div>

<!-- Google Search Console Section -->
<div class="row">
<section class="py-5 bg-white">
    <div class="container">
        <div class="row align-items-start">
            <div class="col-md-5 order-md-1">
                
                <h4 class="mt-0 mx-3 mb-3 fs-3"><span style="line-height: 1rem;" class="badge bg-warning text-dark">New</span>  Understand how Google Search sees your pages. Get access to Google Search Console.</h4>
            </div>
            <div class="col-md-7 order-md-2">
                <img src="https://raw.githubusercontent.com/flowcourier/Flowcourier.Umbraco.Support/main/images/gsc-page-status.png" class="img-fluid w-100 shadow-sm" />
            </div>
        </div>
    </div>
</section>
</div>

<!-- Google Search Queries Section -->
<div class="row">
<section class="py-5 bg-dark-subtle">
    <div class="container">
        <div class="row align-items-start">
            <div class="col-md-5 order-md-2">
                <h4 class="mt-0 mx-3 mb-3 fs-3">See which queries bring users to your site. Analyze your site's impressions, clicks, and position on Google Search.</h4>
            </div>
            <div class="col-md-7 order-md-1">
                <img src="https://raw.githubusercontent.com/flowcourier/Flowcourier.Umbraco.Support/main/images/gsc-top-search-queries.png" class="img-fluid w-100 shadow-sm" />
            </div>
        </div>
    </div>
</section>
</div>

<div class="row">
<section class="card bg-white">
    <div class="card-body">
        <h3 class="fs-4 text-center">
            Still wondering? Try free edition you can update anytime <a href="./pricing"> Get started </a> or <a href="/contact/">contact us</a>  if you have any questions.
        </h3>
    </div>
</section>
</div>

### Google data reporting in Umbraco makes it easy to get answers, make decisions effortlessly

### €299/yr

[Buy Now](https://flowcourier.com/solutions/google-analytics/pricing/) [Free edition](https://flowcourier.com/solutions/google-analytics/pricing/)Looking for an [Enterprise License](https://flowcourier.com/solutions/google-analytics/pricing/)?