投稿一覧に記事閲覧数を表示する WordPress Poplar Post

以前に『ページビュー数を確認するプラグイン「 WordPress Popular Posts 」』を紹介しました。
どの記事が良く読まれているか分かるようになりますし、サイトバーにも人気の記事を表示することができます。

今回は同じ WordPress Poplar Post の機能を利用して、投稿一覧に記事閲覧数を表示（追加）します。
記事一覧を見ると全く読まれていない、ほとんど読まれていない記事を確認することができるので、記事の見直しや最新情報に追加するなどテコ入れを行いやすくなります。

投稿一覧に記事閲覧数を表示する方法

WordPress Poplar Post の機能を使います。
WordPress Poplar Post が更新されてカスタマイズが消えないように子テーマの functions.php 内に追加を記述します。
書き方（追加プログラム）は下の通りです。

//投稿一覧に記事閲覧数を表示（追加）する
//WordPressPoplarPostのビュー数を表示するタイトルを作る
function my_posts_columns($columns) {
    $columns['pv_num'] = "ビュー";
    return $columns;
}
//各記事のビュー数の追加する
function add_my_posts_column($column_name, $post_id) {
    if( $column_name == 'pv_num' ) {
        echo wpp_get_views($post_id, 'monthly', true);//←ここの値で集計期間変更dailyとかweekly全部の場合はall
    }
}
if ( function_exists('wpp_get_views') ) {
    add_filter( 'manage_posts_columns', 'my_posts_columns' );
    add_action( 'manage_posts_custom_column', 'add_my_posts_column', 10, 2 );
}

投稿一覧に記事閲覧数を表示する方法の解説

投稿一覧の項目の追加・削除・並び替えは、「manage_posts_columns」というフィルターフックを使用して行います。
今回は一番後ろに追加すれば良いだけなので、「manage_posts_columns」フィルターフックの返り値である「$columns」に「”pv_num”、”ビュー”」を追加しました。
表示名称の変更は「ビュー数」や「PV数」など好みで変更してください。

また、並びを変更したい場合は「$columns」をごそっと変更しても構いません。
タイトルの次にビュー数を表示したい時などは以下のようにします。

 $columns = array(
    'cb'         => '<input type="checkbox" />',
    'title'      => 'タイトル',
    'pv_num'     => 'ビュー',
    'author'     => '作成者',
    'categories' => 'カテゴリー',
    'tags'       => 'タグ',
    'comments'   => '<div class="comment-grey-bubble" title="コメント"></div>',
    'date'       => '日時'
  );
  return $columns;

「manage_posts_custom_column」アクションフックで記事毎にPV数を表示させます。
wpp_get_views() は指定した投稿IDのPV数を取得する関数。

第1引数：投稿ID
第2引数：PV集計期間（daily, weekly, monthly, all から選べます）
第3引数：PV数をカンマで区切るかどうか

以上、「投稿一覧に記事閲覧数を表示する WordPress Poplar Post」のご紹介でした。

Google Adsense AMP自動広告の簡単な設定方法

今回もGoogle Adsense 関連の話です。
前回は「Google Adsense 自動広告の簡単な設定方法」をご紹介しました。

このページをご覧になっておられる方は、すでにAMPやGoogle Adsense については一通りの知識を持っていると思いますが、AMP について少しだけご説明します。

AMP とは？

AMPは「Accelerated Mobile Pages」という、Googleが推進しているモバイルページを高速に表示させるための手法のことで、AMP を導入することでスマートフォンに高速表示を行えます。
そのことからスマートフォンで Google 検索（yahooもGoogleエンジンを使っています）を行うと、AMP 対応したページの優先順位が上がります。
本Webサイトも AMP 対応しています。

AMP 対応で検索表示順位が上がることは良いのですが、デメリットもあります。
AMP は高速化を行うために独自仕様に沿ってコーディングを行う必要があります。
WordPressの場合はプラグインでかなりの部分を自動対応してくれるので助かります。

で、プラグインの自動処理で作られたAMP用HTMLファイル等は、既存のGoogle Adsense 広告が入らない仕組みになっています。
そのうち自動で入るようになるかも知れませんが、少なくとも現在では広告が入りません。

ノーマルページとAMP ページは個別に広告を入れる必要があります。
前回はノーマルページに手間をかけずにGoogle Adsense 広告が表示される、簡単な設定方法を紹介しました。
今回は AMP ページに手間をかけずにGoogle Adsense 広告が表示される、簡単な設定方法を紹介します。

ちなみに既に Google Adsense にWebサイト登録を行っていると思いますが、登録していないようなら登録しておいてください。

Google Adsense AMP 自動広告とは？

まず、Google Adsense 自動広告とは、スクリプトと広告用のクライアントコードの2つを設置するだけで、後はGoogle にお任せで見ている方に合わせた広告が表示される仕組みの広告です。

自動広告機能がリリースされる以前は、プラグインを使うにしろ、自分でコードを設置するにしろ、面倒な手順を踏む必要がありました。
素人にはかなり難易度の高く、煩雑な作業でした。

自動広告ができるようになって、非常に楽にGoogle Adsense が利用できるので、気楽に試すことが出来るようになっています。

AMP 自動広告はAMP 用の自動広告を表示するためのものです。
AMP 対応ページには、AMP 自動広告を設定することで見ている方に合わせた広告が表示されるようになります。

AMP 自動広告の簡単な設定方法

簡単と書きましたが、子テーマは使います。
子テーマの設定は WordPress の基本ですので、是非ともこの際に利用してみてください。

ちなみに、私も以前子テーマの設定方法をご紹介しているので参考にしてくだい。
WordPress TwentySeventeenの子テーマの作り方
WordPress TwentyEleven の 子テーマ の作り方

自動広告の簡単な設定方法は、functions.php に下のコードを貼り付けるだけです。

//headにamp-auto-ads-JSを挿入する
add_action( 'amp_post_template_head', 'my_amp_add_tag_adsense_js' );
function my_amp_add_tag_adsense_js() {
?>
<!-- amp-auto-ads-JS -->
    <script async custom-element="amp-auto-ads"
        src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
    </script>
<?php
}
//フッターにAMP自動広告コードを挿入する
add_action( 'amp_post_template_footer', 'my_amp_add_tag_adsense' );
function my_amp_add_tag_adsense() {
?>
<!-- AMP自動広告 -->
    <amp-auto-ads type="adsense"
        data-ad-client="ca-pub-xxxxxxxxxxxxxxxx">
    </amp-auto-ads>
<?php
}

AMP 自動広告の簡単な設定の解説

//headにamp-auto-ads-JSを挿入する
add_action( ‘amp_post_template_head’, ‘my_amp_add_tag_adsense_js’ );
WordPress の AMP head 部の処理イベント時（’amp_post_template_head）に、my_amp_add_tag_adsense_js と言う関数の実行を設定
「このスクリプトをコピーして、AMP HTML の head タグ内に貼り付けます」とありますので head 部に挿入します。

function my_amp_add_tag_adsense_js () {
?>
<script
・・・・
</script>
<?php }
　my_amp_add_tag_adsense_js関数の設定。中身はGoogle Adsense から取得したコードをそのまま貼り付けます。

//フッターにAMP自動広告コードを挿入する
add_action( ‘amp_post_template_footer’, ‘my_amp_add_tag_adsense’ );
WordPress の AMP footer 部の処理イベント時（’amp_post_template_footer）に、my_amp_add_tag_adsenseと言う関数の実行を設定
「この広告コードをコピーして、AMP HTML の本文に貼り付けます」とありますので footer 部の後ろに挿入しました。
本文内ならどこでも良いのですが、footer 部の後ろに挿入が簡単なのでそうしました。

function my_amp_add_tag_adsense () {
?>
<script
・・・・
</script>
<?php }
　my_amp_add_tag_adsense関数の設定。中身はGoogle Adsense から取得したコードをそのまま貼り付けます。

Google Adsense からコードを取得する

amp-auto-ads-JSコードを取得する
Google Adsense を開き、［コンテンツ］＞［自動広告］＞［AMP自動広告］＞［手順２］をクリックします。
コードが表示されますのでコードをコピーします。

AMP自動広告コードを取得する
Google Adsense を開き、［コンテンツ］＞［自動広告］＞［AMP自動広告］＞［手順３］をクリックします。
コードが表示されますのでコードをコピーします

最後に

手順 1: テキスト広告とディスプレイ広告のフォーマットをオンにします
通常、AMP 自動広告をオンにして、スクリプトとコードを追加してから 20 分後に広告が表示されます

AMP の設定と Google Adsense 自動広告の簡単な設定方法が設置できていれば、数分で完了する作業です。
広告の表示はすぐには確認できませんが、AMP テストで正しくコードが挿入されているかをソース表示で確認できます。

ちなみに広告表示する価値もないページは表示されないと聞いたこともあります。。。

以上、「Google Adsense AMP自動広告の簡単な設定方法」のご紹介でした。

Google Adsense 自動広告の簡単な設定方法

今回はGoogle Adsense 関連の話です。
自分のブログを持っているのなら、そして多少なりとも訪問者が来てくれるのなら、お小遣い稼ぎにGoogle Adsense をやってみたいですね？

ちなみにGoogle Adsense は事前にWebサイト登録を行っておく必要があります。
ちゃんとしたブログを持っていれば、Webサイトの登録は難しくないと思います。
Webサイトの登録申請を行うと Google による審査が行われます。ちゃんとWebサイトを運営していれば怖がることはないです。
Google Adsense への登録はひとまず済んだことにして次に進みます。

Google Adsense 自動広告とは？

Google Adsense 自動広告とは、スクリプトと広告用のクライアントコードの2つを設置するだけで、後はGoogle にお任せで広告が表示される仕組みの広告です。

自動広告機能がリリースされる以前は、プラグインを使うにしろ、自分でコードを設置するにしろ、面倒な手順を踏む必要がありました。
素人にはかなり難易度の高く、煩雑な作業でした。

自動広告ができるようになって、非常に楽にGoogle Adsense が利用できるので、気楽に試すことが出来るようになっています。

自動広告の簡単な設定方法

簡単と書きましたが、子テーマは使っていますか？
子テーマの設定は WordPress の基本ですので、是非ともこの際に利用してみてください。

ちなみに、私も以前子テーマの設定方法をご紹介しているので参考にしてくだい。
WordPress TwentySeventeenの子テーマの作り方
WordPress TwentyEleven の 子テーマ の作り方

自動広告の簡単な設定方法は、functions.php に下のコードを貼り付けるだけです。

//Google Adsense 自動広告設定
add_action('wp_head', 'my_auto_adsense');
function my_auto_adsense() {
?>
<!-- サイトに自動広告を設定 -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
    (adsbygoogle = window.adsbygoogle || []).push({
        google_ad_client: "ca-pub-xxxxxxxxxxxxxxxx",
        enable_page_level_ads: true
    });
</script>
<?php }

自動広告の簡単な設定の解説

add_action(‘wp_head’, ‘my_auto_adsense’);
WordPress の head 部の処理イベント時（wp_head）に、my_auto_adsense と言う関数の実行を設定しています。

function my_auto_adsense() {
?>
<script
・・・・
</script>
<?php }
my_auto_adsense関数の設定しています。中身はGoogle Adsense から取得したコードをそのまま貼り付けます。

Google Adsense からコードを取得する

Google Adsense を開き、［コンテンツ］＞［自動広告］＞［自動広告］＞［自動広告を設定］をクリックします。

Google Adsense 自動広告のコード取得

「サイトに自動広告を設定」画面が開きますのでコードをコピーします。

Google Adsense 自動広告のコード

最後に

子テーマを作る作業は少し分かりづらいかもしれません。
しかし子テーマはテーマのメンテナンスに欠かせない機能なので是非とも設定しておきましょう。

Google Adsense への登録も最近は厳しいと聞くこともありますが、ちゃんとしたWebサイトを運営していれば大丈夫です。
もし審査に通らなければ、コンテンツ内容が規約違反に当たっていないか確認し、良質なコンテンツを多く書き再チャレンジしましょう。

Google Adsense の自動広告は決して難しいものではありません。
お小遣いを稼ぎましょう。

以上、「Google Adsense 自動広告の簡単な設定方法」のご紹介でした。