テーマ【Manablog Copy】サイドバーにアドセンスを貼り付ける方法。

Wordpress

※記事作成途中です。

こんにちは、daikiです。

今回は、マナブさんが販売しているテーマ「Manablog Copy」のサイドバーにGoogleアドセンスを貼り付ける方法を解説します。

折角、Manablog Copyを購入したのにアドセンスを設置できないなんて嫌ですよね。そんな方向けに画像を用いて解説しますので安心して進めていきましょう。

Manablog Copyのサイドバーにアドセンスを貼り付ける方法

では、さっそくやっていきましょう。まずは、Googleアドセンスのアドセンスコードを取得しましょう。

【Manablog Copy】まずはアドセンスコードを取得

Googleアドセンス【広告ユニットごと】説明

 

「サイトごと」と「広告ユニットごと」がありますが、「広告ユニットごと」を選択。

Googleアドセンス【広告ユニットごと】説明(ディスプレイ広告)

「ディスプレイ広告」「インフォード広告」「記事内広告」の3つの項目があります。こちらは、左の「ディスプレイ広告」を選択しましょう。

Googleアドセンス【広告ユニットごと】説明(ディスプレイ広告スクエア)

こちらが「スクエア」です。サイドバーに表示させるのでスクエアで広告を作成しましょう。

Googleアドセンス【広告ユニットごと】説明(広告ユニットの名前を入力)

広告ユニットの名前を入力」を入力。

Googleアドセンス【広告ユニットごと】説明(広告サイズ)

広告サイズ」はレスポンシブのままでOKです。

Googleアドセンス【広告ユニットごと】説明(コードコピー)

HTMLのアドセンスコードをコピーしたら、Manablog Copyを編集していきましょう。

【Manablog Copy】サイドバーにアドセンスを貼り付け

まずは、Wordpressにログイン。

【Manablog Copy】サイドバーにアドセンスを貼り付け(テーマエディター選択))

「外観」→「テーマエディター」を選択。

【Manablog Copy】サイドバーにアドセンスを貼り付け(スタイルシート)

テーマファイルの「サイドバー(sidebar.php)」を編集。

【Manablog Copy】サイドバーにアドセンスを貼り付け(アドセンスコードを貼り付け)

先ほどコピーしたアドセンスコードを「/aside」の上に貼り付けます。

【Manablog Copy】サイドバーにアドセンスを貼り付け(sidebar.php編集)

このままのアドセンスコードだと、スマホで記事を見たときに文字が重なってしまうので、一部修正します。

「style=”display:block”」変更前

「style=”display:inline-block;width:336px;height:280px”」変更後←こちらをコピーして貼り付け。

【Manablog Copy】サイドバーにアドセンスを貼り付け(sidebar.php編集)

サイドバー(sidebar.php)の編集が完了したら、ファイルを保存して、広告が表示されているか見てみましょう。

【Manablog Copy】サイドバーにアドセンスを貼り付け(広告表示)

サイドバーの下に、アドセンス広告が表示されていればOKです。(※広告表示には時間がかかる場合があります。)

お疲れさまでした。