Ghost/ghost/admin/app/templates/posts/analytics.hbs

<section class="gh-canvas" {{did-insert this.loadData}}>

    <GhCanvasHeader class="gh-canvas-header stacked gh-post-analytics-header">
        <div class="gh-canvas-breadcrumb">
            <LinkTo @route="posts">
                Posts
            </LinkTo>
            {{svg-jar "arrow-right-small"}}Analytics
        </div>
        <h2 class="gh-canvas-title gh-post-title">
            {{this.post.title}}
        </h2>
        <div class="gh-post-analytics-meta">
            <div class="gh-post-analytics-meta-text">
                {{#if
                    (or this.post.isSent
                        (and this.post.isPublished this.post.email)
                        this.post.willEmail
                    )
                }}
                    {{#if this.post.emailOnly}}
                        Sent
                    {{else}}
                        Published and sent
                    {{/if}}
                {{else}}
                    Published on your site
                {{/if}}

                {{#let (moment-site-tz this.post.publishedAtUTC) as |publishedAt|}}
                    on
                    {{moment-format publishedAt "D MMM YYYY"}}
                    at
                    {{moment-format publishedAt "HH:mm"}}
                {{/let}}
            </div>
            <LinkTo @route="editor.edit" @models={{array this.post.displayName this.post.id}} class="gh-post-list-cta edit" title="">
                {{svg-jar "pen" title=""}}<span>Edit post</span>
            </LinkTo>
        </div>
    </GhCanvasHeader>

    <h4 class="gh-main-section-header small bn">
        Engagement
    </h4>
    <div class="gh-post-analytics-box">
        {{#if (or this.post.isSent (and this.post.isPublished this.post.email))}}
            <div class="gh-post-analytics-item">
                <h3>{{format-number this.post.email.emailCount}}</h3>
                <p>Sent</p>
            </div>

            {{#if (and this.post.email.trackOpens this.settings.emailTrackOpens) }}
                <div class="gh-post-analytics-item">
                    <h3>{{this.post.email.openRate}}<sup>%</sup></h3>
                    <p><strong>{{format-number this.post.email.openedCount}}</strong> opened</p>
                </div>
            {{/if}}

            {{#if this.settings.emailTrackClicks}}
                <div class="gh-post-analytics-item">
                    <h3>{{this.post.clickRate}}<sup>%</sup></h3>
                    <p><strong>{{format-number this.post.count.clicks}}</strong> clicked</p>
                </div>
            {{/if}}
        {{/if}}

        {{#if (and (feature 'memberAttribution') (not this.post.emailOnly)) }}
            <div class="gh-post-analytics-item">
                <h3>{{format-number this.post.count.signups}}</h3>
                <p>{{gh-pluralize this.post.count.signups "signup" without-count=true}}</p>
            </div>

            {{#if this.membersUtils.paidMembersEnabled}}
                <div class="gh-post-analytics-item">
                    <h3>{{format-number this.post.count.paid_conversions}}</h3>
                    <p><span class="hide-when-small">Paid </span>{{gh-pluralize this.post.count.paid_conversions "conversion" without-count=true}}</p>
                </div>
            {{/if}}
        {{/if}}
    </div>

    {{#if (and this.settings.emailTrackClicks (or this.post.isSent (and this.post.isPublished this.post.email)))}}
        {{#if (not-eq this.links null)}}
            {{#if (is-empty this.links) }}
                {{!-- Empty state --}}
            {{else}}
                <h4 class="gh-main-section-header small bn">
                    Link clicks
                </h4>
                <div class="gh-post-analytics-box column">
                    <div class="gh-links-list">
                        {{#each this.links as |link|}}
                            <div class="gh-links-list-item">
                                <a href="{{link.link.to}}" target="_blank" rel="noopener noreferrer">{{link.link.title}}</a>
                                <p class="gh-links-list-clicks">{{link.count.clicks}}</p>
                            </div>
                        {{/each}}
                    </div>
                </div>
            {{/if}}
        {{else}}
            Loading...
        {{/if}}
    {{/if}}

    {{#if (and (feature 'sourceAttribution') (not this.post.emailOnly))}}
        {{#if (not-eq this.sources null) }}
            {{#if (is-empty this.sources) }}
                {{!-- Empty state --}}
            {{else}}
                <h4 class="gh-main-section-header small bn">
                    Source attribution
                </h4>
                <div class="gh-post-analytics-box column">
                    <div class="gh-attribution-box">
                        <div class="gh-attribution-chart-column">
                            <div class="gh-attribution-chart-column-inner">
                                <MemberAttribution::SourceAttributionChart @sources={{this.sources}} />
                            </div>
                        </div>
                        <div class="gh-attribution-table-column">
                            <MemberAttribution::SourceAttributionTable @sources={{this.sources}} />
                        </div>
                    </div>
                </div>
            {{/if}}
        {{else}}
            Loading...
        {{/if}}
    {{/if}}

    <h4 class="gh-main-section-header small bn">
        Get started with analytics
    </h4>
    <div class="gh-post-analytics-box resources">
        <a href="https://ghost.org/help/" target="_blank" class="gh-post-analytics-resource" rel="noopener noreferrer">
            <div class="thumbnail" style="background-image: url(assets/img/marketing/analytics-1.jpg);"></div>
            <div class="flex flex-column justify-between">
                <div>
                    <h3>Understand analytics in Ghost</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
                <div class="gh-btn gh-btn-link">Become an expert &rarr;</div>
            </div>
        </a>
        <a href="https://ghost.org/resources" target="_blank" class="gh-post-analytics-resource" rel="noopener noreferrer">
            <div class="thumbnail" style="background-image: url(assets/img/marketing/analytics-2.jpg);"></div>
            <div class="flex flex-column justify-between">
                <div>
                    <h3>How to best share your shiz</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
                <div class="gh-btn gh-btn-link">Sharing is caring &rarr;</div>
            </div>
        </a>
    </div>
    
</section>