DokuWikiで情報発信

個人での情報発信や社内での情報共有に便利なDokuWikiを紹介するサイトです。

ユーザ用ツール

サイト用ツール


サイドバー

目次

DokuWikiを理解

DokuWikiの構築

よく確認するページ

· 最終更新: 2021/06/07 by oreda admin



「アフィリエイト」に戻る

DokuWikiでGoogle AdSenseを使う

Google AdSenseとは

Google AdSenseの特徴

  • 商品を売らなくても、広告をクリックされるだけで収益が発生する
  • 審査時には独自ドメインが必須。サブドメインでもダメ。
  • 審査が通れば複数のサイトに掲載可能

Google AdSenseで、どのくらい稼げるか

月間PV 日次PV 収益額(円)
1万PV 333PV 2,000~4,000
5万PV 1,666PV 10,000~20,000
10万PV 3,333PV 20,000~40,000
20万PV 6,666PV 40,000~80,000
30万PV 10,000PV 60,000~120,000

Google AdSenseで毎月3万円以上の収入を得るいちばん簡単な方法 | うぇぶ小屋

広告の種類

オーソドックスな広告
ビックバナー (728×90px)
レクタングル(大) (336×280px)
レクタングル(中)(300×250px)
スカイスクレイパー (120×600px)
PC、モバイル両方でよいサイズになる。
レスポンシブ (自動サイズ) 
その他推奨
ラージモバイル バナー (320x100px)
ラージスカイスクレイパー (300×600px)


Google AdSenseの登録

Google AdSenseの申請前に、Google Analyticsの登録をしておいた方がよいです。
私はそれで審査が落とされたと思います。
さらに、Search Consoleが利用できるなら、Googleにちゃんとページを認識してもらうために、
サイトマップを登録しておくのがいいです。

準備

Googleアカウント
独自ドメイン サブドメインでもダメ

申請

申請者とドメインの申請
サイトの<head>内にコードを貼って審査

広告の作成方法

  1. Googleアドセンスの管理画面にログイン
  2. 「広告の設定」をクリック
  3. 「新しい広告ユニット」をクリック
  4. 広告に名前を付ける
    例:
    サイト名-位置
    examplesite-header
    examplesite-side
    examplesite-bottom
  5. 広告のサイズを決める


DokuWikiにGoogle AdSense設置

審査時に<head>内にjavascriptを設置

/lib/tpl/dokuwiki/meta.html

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-012345678901234567890",
    enable_page_level_ads: true
  });
</script>


Include Hooksで広告を掲載する方法

ページヘッダーとページフッターは、全てのページに記載するのは大変ですので、
全てのページで共通でみれるように「pageheader.html/pagefooter.html」に記載します。

ページヘッダー

/lib/tpl/dokuwiki/pageheader.html

<p align="center">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- cmdref.net-header -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-012345012345"
     data-ad-slot="012345012345"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br>
</p>
ページフッター

/lib/tpl/dokuwiki/pagefooter.html

<p align="center">
<br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- cmdref-footer -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-12345678901234567890"
     data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
サイドバーヘッダー

方法1のsidebarページに直接記載するでいいかと思います。
方法1の方が、位置などを修正しやすいからです。

方法1 sidebarにコンテンツの一部として記載

<html>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- dokuwiki-side -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-12345678901234567890"
     data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</html>

方法2 sidebarheader.html テンプレートに記載
/lib/tpl/dokuwiki/sidebarheader.html

<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- dokuwiki-side -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-12345678901234567890"
     data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>


ページに広告を掲載する方法

<html>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- dokuwiki-side -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-12345678901234567890"
     data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
</html>


ページ単位の広告を設置

ページ単位の広告とは

アンカー広告
モバイル全面広告

ページ単位の広告を有効

Google AdSenseのサイトで、ページ単位の広告を有効にします。

コードを取得して設置

/lib/tpl/dokuwiki/meta.htmlに取得したコードを張り付けましょう。

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-1111111111111111",
    enable_page_level_ads: true
  });
</script>

テスト

モバイル端末でページにアクセスし、URL の末尾に「#googleads」を追加します。


自動広告

モバイル全画面広告, アンカー広告, テキスト広告とディスプレイ広告, 記事内広告, インフィード広告, 関連コンテンツなどを
Googleが配置してくれる機能です。

自動広告の設置方法

lib/tpl/dokuwiki/meta.html

<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-11111111111111111111",
    enable_page_level_ads: true
  });
</script>


関連コンテンツ広告

関連コンテンツ広告とは

Googleが関連ページの一覧を作ってくれて、その何個かに広告を設置してくれます。

ドメインごとなので、サブドメインで運用している場合は、設置することができません。


Chrome拡張機能 : AdSenseのためのサイト運営者向けツールバー

Google Publisher Toolbar

  • 広告のオーバーレイ表示により、クリックすると広告の詳細情報が表示されるようになります。
    間違ってクリックしてしまい評価が下がるのを防止できます。
  • ツールバーから収益額を確認できます。







「アフィリエイト」に戻る




· 最終更新: 2021/06/07 by oreda admin

ページ用ツール