Google AdsenseをHexoブログに加えること


Hexo あなたが簡単にブログを作ることができる静的サイトジェネレータです.
を使用します landscape テーマ.

Hexoのインストールと新しいプロジェクトの作成
まず、Hexo Cliパッケージをインストールします.
npm install -g hexo-cli
と新しいプロジェクトを作成します.
hexo init my-blog
cd my-blog
npm install
確認してくださいofficial documentation 詳細は

風景のテーマを追加
新しいHexoプロジェクトを作成した場合、this repository プロジェクトのルートディレクトリで.
git clone --depth 1 https://github.com/hexojs/hexo-theme-landscape themes/landscape
それから、あなたはそれを見ることができますlandscape ディレクトリが追加されましたtheme ディレクトリ.
その後、変更theme イン_config.yml to landscape . ランドスケープディレクトリではなく、ルートディレクトリの設定ファイル.
# _config.yml

# ...
theme: landscape
# ...
これにより基本設定が完了する.

3 . Google Adsenseのタグを風景テーマに追加する
に移動Google Adsense page そして、あなたのドメインを登録してください.
このようなタグを得ることができます.
<!-- Google Adsense -->
<script data-ad-client="ca-pub-48....." async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
次に、新しいファイルgoogle-analytics.ejs インlayout/_partial ディレクトリlandscape .
<!-- source/themes/landscape/layout/_partial/google-analytics.ejs -->

<!-- Google Adsense -->
<script data-ad-client="ca-pub-48....." async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
一度追加、挿入するlayout.ejs .
<!-- source/themes/landscape/layout/layout.ejs -->

<!DOCTYPE html>
<html>
<%- partial('_partial/head') %>
<body>
  <div id="container">
    <div id="wrap">
      <!-- ... -->
      <%- partial('_partial/google-adsense') %>
      <!-- ... -->
    </div>
    <!-- ... -->
  </div>
</body>
</html>
挿入位置は任意ですが、私の場合はこの位置にしました.

チェック
Hexoサーバを起動します.
hexo server
オープンhttp://localhost:4000 お気に入りのブラウザで、開発者のツールを開きます.

そこにあることがわかる<script> このようなタグ
<script type="text/javascript" src="https://adservice.google.com/adsid/integrator.js?domain=localhost"></script>
これはGoogle AdSenseの専用タグです.
その後、Google AdSense試験を通過するのを待ちましょう.実際、この記事を書く時、私はその結果を待っています.