審査を受ける

指定されたAdSenseコードをサイトに貼り付けて閲覧可能にする

themes/tranquilpeak/layoutに_partial/google_adsense.ejsを作成。

1
<script data-ad-client="ca-pub-xxxxxxxxxxxxxxxxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

themes/tranquilpeak/layoutのlayout.ejsを修正してトップページ（フッター部分）に指定のコードが表示されるようにする

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="blog">
    <%- partial('_partial/header', {sidebarBehavior: sidebarBehavior}) %>
    <%- partial('_partial/sidebar', {sidebarBehavior: sidebarBehavior}) %>
    <%- partial('_partial/post/header-cover', {post: page, sidebarBehavior: sidebarBehavior}) %>
    <div id="main" data-behavior="<%= sidebarBehavior %>"
         class="<%= (page.coverImage ? 'hasCover' : '') %>
                <%= (page.coverMeta === 'out' ? 'hasCoverMetaOut' : 'hasCoverMetaIn') %>
                <%= (page.coverCaption ? 'hasCoverCaption' : '') %>">
        <%- body %>
        <!-- ここから -->
        <%- partial('_partial/google-adsense') %>
        <!-- ここまで -->
        <%- partial('_partial/footer', null, {cache: !config.relative_link}) %>
    </div>
    <% if (is_post() && (page.actions === undefined || page.actions)) { %>
        <div id="bottom-bar" class="post-bottom-bar" data-behavior="<%= sidebarBehavior %>">
            <%- partial('_partial/post/actions', {post: page}) %>
        </div>
        <%- partial('_partial/post/share-options', {post: page, sidebarBehavior: sidebarBehavior}) %>
    <% } %>
</div>

広告を表示させる

google_adsense.ejsの内容は同じなのでそのまま使用。

サイトの タグの間に AdSense コードをコピーして貼り付けます

と指定されているので、themes/tranquilpeak/layoutの_partial/head.ejs修正して以下のコードを追加。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
…略…
    <!--STYLES END-->
    <%- partial('google-analytics') %>
    <!-- ここから -->
    <%- partial('google-adsense') %>
    <!-- ここまで -->
    <%- partial('baidu-analytics') %>

    <% if (page.comments) { %>
        <% if (theme.gitment.enable) { %>
            <%- css('assets/css/gitment.css') %>
        <% } else if (theme.gitalk.enable) { %>
            <%- css('assets/css/gitalk.css') %>
        <% } %>
    <% } %>
</head>

各ページのヘッダー部とフッター部にgoogle-adsense.ejsの内容が挿入されていることを確認。