ブログデザイン

【JIN】1カラムで関連コンテンツユニットを表示させる方法|Googleアドセンス

デザイナーのfuyuna(@fuyuna_design)です。

ブログのレイアウトを1カラムに変更したところ、Googleアドセンスの「関連コンテンツユニット」が表示されなくなってしまいました。(参考記事:ブログを2カラムから1カラムに変更した理由と感想【JIN】

fuyuna
fuyuna
同時期にカテゴリとタグも整理したのでそれが原因だと思ってましたが、1週間経っても関連コンテンツユニットは表示されず…。

結論から言うと、当ブログの使用テーマ「JIN」の1カラムレイアウトでは関連コンテンツユニットが表示されないらしく、子テーマを使ってPHPを触る必要がありました。

JINの運営さんに質問して改善策を教えてもらい、友人のエンジニアさんに遠隔で見守ってもらいながら対応することで改善できたので、改善方法を記録しておきます。

関連コンテンツユニットとは?

関連コンテンツユニットは、一定の条件を満たしたブログで使えるようになる「アドセンス広告」の一種です。表示中の記事と関連性の高い記事をオススメしつつ、広告を掲載してくれます。

▼当ブログでも記事下に表示されている関連コンテンツユニット。

JINの1カラムレイアウトでは関連コンテンツが表示されない

関連コンテンツユニットが表示されなくなってから約1週間様子を見ましたが、再び表示されることはありませんでした。

そこで、WordPressテーマ「JIN」のユーザーお助け掲示板で運営さんに相談することに。

記事ページを1カラムレイアウト(760px)に変更したら、2カラムのときに表示されていた記事下のGoogleAdosense関連コンテンツが表示されなくなりました。一時的にページを2カラムにすると関連コンテンツが表示される状態です。1カラムは関連コンテンツに対応していないのでしょうか? …以下略。

この質問に対していただいた回答が以下。

JINのデフォルトの機能で760pxや960pxでのレイアウトでは「関連コンテンツユニット」は表示されません。もしどうしても必要ということであれば、子テーマを導入して親テーマのsingle.phpに

<?php echo get_option(‘ad_related_unit’); ?>

このコードをonecolumn-760.phpに追記したphpファイルを子テーマに追加してください。 …以下略。

fuyuna
fuyuna
それは待っても表示されないはず!改善したいけどPHPを触るのは不安だから、知り合いのエンジニアさんに相談することにしました。

回答を見たのが深夜だったので、とりあえず翌日以降の改善作業に向けてWordPressのバックアップをとっておきました。

エンジニアさんと一緒にPHPファイルを編集

翌日、PHPがわかる知り合いのエンジニアさんに相談したところ、改善作業が完了するまで遠隔でアシストしてもらうことに。

改善作業の内容

具体的な対応としては、以下の4ステップでできました。

  1. FTPソフトを使ってJINの親テーマの中にあるファイル「onecolumn_760.php」をダウンロード

  2. ダウンロードした「onecolumn_760.php」ファイルの中に <?php echo get_option(‘ad_related_unit’); ?> を追加

  3. FTPソフトでJINの子テーマフォルダ「jin_child」の中に②で編集した「onecolumn_760.php」をアップロード

  4. キャッシュクリアしてブログを確認、完了!

不安ではありましたが、エンジニアさんと通話しながらフォルダ・ファイルの中を案内してもらい、慎重に進めました。

実際に作業したフォルダとファイル

実際の作業では図のようにフォルダをたどってJINの親テーマフォルダを見つけ、目的のファイルをダウンロード・PHPコード追加、編集したファイルをJINの子テーマフォルダにアップロードするという流れでした。

PHPテキストを追加した場所

PHPコードを追加する場所は、関連コンテンツユニットを表示させたい場所によって違うと思いますが、私は記事下に表示させたかったので「onecolumn-760.php」の中の70番台に追加しました。(白く選択されている部分)

確認はキャッシュクリアを忘れずに

上記手順でファイルをアップロードしたら、最後に「キャッシュクリア」してブラウザ確認をして完了です。

▽ショートカットキー
  • Mac:Command + Shift + R
  • Windows:Ctrl + Shift + R or Ctrl + F5

まとめ

WordPressテーマJINの1カラムレイアウトで「関連コンテンツユニット」を表示する方法について解説しました。

PHPに触れることには慣れていないため、あくまで当ブログの一例としての解決方法でしたが、JINでのレイアウト変更を考えているブロガーさんのお役に立てれば幸いです。

ABOUT ME
fuyuna
理学療法士から独学でデザイナーに転職 / 東京 / デザイン会社勤務 / グラフィックとWebが中心 / 大人可愛いデザイン / 本と人とお出かけ好き
独学×デザインの本を発売中!
「独学の流れ」と「デザインの独学方法」について
まとめた薄い本を作りました!現在販売中です!

本の販売ページはコチラ