当ページのリンクには広告が含まれています。 Basic setting AFFINGER

AFFINGER 管理【Google・広告 / AMP】タブのメニュー設定を完全解説!AFFINGER6

AFFINGER 管理【Google・広告 / AMP】タブのメニュー設定を完全解説!AFFINGER6

こんにちは "osaboo"です。"@osaboo_Bot"

AFFINGER 管理 の「 Google・広告 / AMP」タブのメニューでできる 詳細設定の内容を初心者さん向けにわかりやすくご紹介します。

AFFINGER管理の「Google・広告/AMP」では、Google関連の設定を行うことができます。
アナリティクスコード、サーチコンソールHTMLタグ、アドセンスなどの設定が可能です。

AFFINGER6は、Google広告に関しても、広告の表示の有無や場所を細かく設定できるため、アドセンスに合格したら、ぜひお試しください。

こんな方におすすめ!

  • AFFINGER6の初心者さん
  • Googleアドセンスに合格したけど、設定方法がわからない。

この記事でわかること!

  • AFFINGER 管理:Google・広告 / AMPタブ(Google連携に関する設定)の概要
  • Google連携に関する設定
  • AMP用
  • インフィード広告の設定
  • 見出し前に広告挿入
  • Google自動広告の設定
  • 広告の明記
  • AMP対応
  • まとめ

それではご覧ください!

初心者でも安心 コスパ最強の洗練されたWordPressテーマ/

AFFINGER6 購入 ▶︎ 詳しくはこちら

\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//

- 少しづつ増え続ける当サイトオリジナル特典付!-

購入方法で迷ったら…こちらで確認【特典付きを購入しよう!】

AFFINGER 管理:Google・広告 / AMPタブ(Google連携に関する設定)の概要

この章では、AFFINGER 管理:Google・広告 / AMPタブ(Google連携に関する設定)の概要をご紹介します。

『AFFINGER 管理>Google・広告 / AMP』をクリックします。

AFFINGER 管理:Google・広告 / AMPタブ(Google連携に関する設定)
  • ピンク色の破線部の設定項目を解説します。

※ 本記事の設定では『AFFINGER管理』のメニューを編集します。

ロリポップレンタルサーバーをお使いの方は、ドメインの『WAFの設定』を一時的に無効 にしてください。◀︎『403 Error』が出た場合。

AFFINGER6&ロリポップ!レンタルサーバー『403 Error』が出た時の対処方法!
AFFINGER6&ロリポップ!レンタルサーバー『403 Error』が出た時の対処方法!

ロリポップ!レンタルサーバーを使用してAFFINGER6(ACTION)のヘッダー等の表示系をカスタマイズするとセーブ時に『403 Error』が表示されセーブできない! こんな時はロリポップユーザー専用ページにログインしてWAFの設定を無効にするだけ!

各設定項目で、できることを以下に整理しました。^^/

・Google連携に関する設定

Google連携に関する設定では、「アナリティクスコード」「サーチコンソールHTMLタグ」の設定ができます。

  • Googleアナリティクスは、ウェブサイトに訪れたユーザーの行動を分析するツールです。
    • どこから訪問してきたか(検索エンジン、SNS、広告など)
    • どのページを見たか
    • どれくらいの時間滞在したか
    • どんなデバイス(PC、スマホ)を使っているか

サイトの人気ページやユーザーの行動パターンを把握し、ウェブサイトの改善に役立てることができます。

  • Googleサーチコンソールは、ウェブサイトが検索エンジン(主にGoogle)でどのように表示されるかをチェックするためのツールです。
    • どんな検索キーワードでウェブサイトが表示されているか
    • どのくらいの人が検索結果からサイトをクリックしたか
    • 検索エンジンに問題なくインデックスされているか
    • サイトに技術的な問題(エラー)がないか

サーチコンソールを利用することで、Googleでの検索結果に表示される方法を把握し、SEO(検索エンジン最適化)を改善するのに役立ちます。

・AMP用

AMP用では、「アナリティクスコード(トラッキング ID)※AMP用」「アドセンス」の設定ができます。

注意AMP用のアナリティクスコード(トラッキング ID)とは、旧式(UA-xxxxxxxxx-x)で、AMPのサポートや開発が終了していて、ウェブサイトがAMPを利用しない場合、AMP用のトラッキングIDやコードは不要です。

  • アナリティクスコード(トラッキング ID)※AMP用
    • 注)AMPはACTIONよりサポート及び開発を終了しております
  • アドセンス
    • パブリッシャー ID(data-ad-client)→(例: ca-pub-1234567890123456
    • 広告ユニット ID(data-ad-slot)→(例: 1234567890

アドセンスコード内にある「data-ad-client」の「ca-pub-」以降の数字と「data-ad-slot」をテーマ管理の上図の赤枠に記述するだけでamp-adに変換されます。

https://affinger.com/action-manual/google-adsense

・インフィード広告の設定

インフィード広告の設定では、「トップページ・アーカイブ」「サイドバー」「関連記事」などの記事一覧に表示するインフィード広告の表示数を設定できます。

  • 広告の表示デザイン(画像サイズ・テキスト配置)は、Google側で設定可能です。

・見出し前に広告挿入

見出し前に広告挿入では、投稿や固定ページの特定の位置(何番目か)に広告を表示させる設定ができます。

  • AFFINGER6-STDでは、1つの広告を5箇所から選択できます。
  • AFFINGER6-EXでは、2つの広告を10箇所から選択できます。加えて、ショートコードか使用可能です。

・Google自動広告の設定

Google自動広告の設定では、自動的に挿入されるすべての広告箇所がGoogleに依存しています。

「トップ」「アーカイブ」「投稿」「個別」の各ページで非表示設定が可能です。(非表示できない広告あり)

  • 広告表示エリアの表示・非表示設定は、Google側の設定で可能です。

・広告の明記

広告の明記では、「トップ」「投稿」「固定」の各ページへの広告の明記(ステマ設定)ができます。

  • 2023年10月1日から、ブログやWebサイトに対して景品表示法のステマ規制がスタートしています。
    対応しておきましょう。
  • AFFINGER6-EX専用の機能で、有効化の『ON/OFF』選択のみのため割愛します。

注)AMPはACTIONよりサポート及び開発を終了しております

  • AMP対応に関しては、上記理由により割愛します。

それでは順番に見ていきましょう。

Google連携に関する設定

Google連携に関する設定では、「アナリティクスコード」「サーチコンソールHTMLタグ」の設定ができます。

設定項目の画面は以下の通りです。

Google連携に関する設定

  • アナリティクスコード(gtag.js):
    • G-123456789AB(測定ID:G-で始まる11桁の英数字)
  • サーチコンソールHTMLタグ
    • RomAD3tOGUFvRZjg_eVkgGs0wumanbs0Sw9gaceX6cw(HTML タグ:長い英数字)
  • 上記のコードとタグはサンプルです。

アナリティクスコード(gtag.js)については、以下の記事で詳しくご紹介しています。
参考にしてみてください。

あわせてご覧ください

サーチコンソールHTMLタグについては、以下の記事で詳しくご紹介しています。
参考にしてみてください。

あわせてご覧ください

AMP用

AMP用では、「アナリティクスコード(トラッキング ID)※AMP用」「アドセンス」の設定ができます。

設定項目の画面は以下の通りです。

AMP用

  • アナリティクスコード(トラッキング ID)※AMP用:
    • 注)AMPはACTIONよりサポート及び開発を終了しております
      上記理由により割愛します。
  • data-ad-client(ca-pub-以降の数字):
    • パブリッシャー ID→(例: ca-pub-1234567890123456
  • data-ad-slot:
    • 広告ユニット ID→(例: 1234567890
  • 各IDの赤字部分をコピペします。

広告コードからの確認方法は以下の画像を参考にしてください。
(以下の画面は、ウィジェットのHTMLをサンプルとして表示しています)

アドセンス:パブリッシャー ID|広告ユニット ID(data-ad-slot)

インフィード広告の設定

インフィード広告の設定では、「トップページ・アーカイブ」「サイドバー」「関連記事」などの記事一覧に表示するインフィード広告の表示数を設定できます。

設定項目の画面は以下の通りです。

インフィード広告の設定

「トップページ・アーカイブ」「サイドバー」「関連記事」のどのページに幾つおきにインフィード広告を表示させるか、数字を各枠欄に入力します。

参考 以下の画面のように記事一覧に割り込んでGoogle広告が表示されます。

インフィード広告:記事一覧

見出し前に広告挿入

見出し前に広告挿入では、投稿や固定ページの特定の位置(何番目か)に広告を表示させる設定ができます。

AFFINGER6のSTDとEXでは、設定できる広告数や位置が異なるため、2通りご紹介します。

AFFINGER6-STDの場合

設定項目の画面は以下の通りです。

見出し前に広告挿入|STD

  • 注)エスケープせずにそのまま出力されます の下『枠欄』
    • Googleアドセンスの広告コードをペーストします。(コピペ)
  • 対象記事と表示位置にチェックを入れます。
    • 投稿記事と固定記事を選択できます。(両方 同時選択可)
    • 表示位置を設定できます。(5箇所 同時選択可)
  • AFFINGER6-STD

AFFINGER6-EXの場合

設定項目の画面は以下の通りです。

見出し前に広告挿入|EX

  • 注)エスケープせずにそのまま出力されます の下『枠欄→広告A・広告B』
    • Googleアドセンスの広告コードをペーストします。(コピペ)
      「A・B」2つの広告を設定できます。
  • 対象記事・見出し・表示位置にチェックを入れます。
    • 投稿記事と固定記事を選択できます。(両方 同時選択可)
    • 見出しを「h2」または「h3」のどちらかに選択できます。
    • 「広告A・広告B」それぞれ別々に表示位置を設定できます。(各10箇所 同時選択可)
  • AFFINGER6-EX

参考 Googleアドセンスで、見出し前に挿入したい広告のコードをコピーします。(コピペ)
   (以下の画面は、Googleアドセンスのコード生成ツールをサンプルとして表示しています)

Google自動広告の設定

Google自動広告の設定では、自動的に挿入されるすべての広告箇所がGoogleに依存しています。

設定項目の画面は以下の通りです。

Google自動広告の設定

  • headに出力※wp_head()にエスケープせずにそのまま出力されます
    • Googleアドセンスの広告コードをペーストします。(コピペ)
  • 非表示設定
    • 「トップページ」「投稿記事」「個別記事」「カテゴリー記事」を個別に選択できます。
      (同時選択可)
  • 広告表示エリアの表示・非表示設定は、Google側の設定で可能です。

広告の明記

広告の明記では、「トップ」「投稿」「固定」の各ページへの広告の明記(ステマ設定)ができます。

設定項目の画面は以下の通りです。

広告の明記

  • 「広告」を一括で明記する(投稿・固定記事)
    • 投稿・固定記事に一括で表示させることができます。
    • デフォルトでは『広告』と入力されています。(自由に変更できます)
  • トップページに明記する
  • 広告明記(表記)スタイルと表示位置を選択できます。
    • 「デフォルト・画像・タイトルの下にテキスト」から選択できます。

広告明記(表記)ついては、以下の記事で詳しくご紹介しています。
参考にしてみてください。

あわせてご覧ください

AMP対応では、設定項目の画面のみを掲示し、以下の理由から詳細は割愛します。

注)AMPはACTIONよりサポート及び開発を終了しております

設定項目の画面は以下の通りです。

AMP対応

「公式ページマニュアル:Googleアドセンスの設定方法」は、こちらからご覧いただけます。

初心者でも安心 コスパ最強の洗練されたWordPressテーマ/

AFFINGER6 購入 ▶︎ 詳しくはこちら

\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//

- 少しづつ増え続ける当サイトオリジナル特典付!-

購入方法で迷ったら…こちらで確認【特典付きを購入しよう!】

まとめ!AFFINGER 管理【Google・広告 / AMP】タブのメニュー設定を完全解説!AFFINGER6

AFFINGER6の管理画面で行う『Google・広告 / AMP』の各設定項目について初心者さん向けにご紹介しました。WordPressテーマ AFFINGER6専用の拡張機能を有効に使うために、お役に立てば嬉しいです。

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。\^^/

WordPressテーマ

ACTION / AFFINGER6
コスパ最強のWordPressテーマ

action-affinger6-ex-1a

AFFINGER

WordPressテーマ

シンプル美と機能性両立を両立させた、圧巻のWordPressテーマ

SWELL

AFFINGER6_おすすめ記事!

【2023年版 Wordpressテーマ】AFFINGER6とSWELL徹底比較!両方使ってみた 1

WordPressテーマ「AFFINGER6とSWELL」を徹底比較。現役で両方使っている筆者が「こんな人におすすめ」を解説。テーマ選びで重要視するポイントやブロックエディターとクラシックエディターに関する注意点等、中立の立ち位置でご紹介。

【特典付き】AFFINGER6(ACTION)を使って2年目のレビュー!メリット・デメリットを完全解説 2

AFFINGER6とAFFINGER6EXの両方を使って3年目の本音レビューをご紹介。初心者が使った場合のメリットとデメリットを目線を合わせてご紹介。有料テーマをはじめて使う初心者の不安を解決!ブログ収益を加速させるオリジナル特典をご用意!しました。

AFFINGER6 初心者がオススメする購入方法【特典付きを購入しよう!】 3

WordPressテーマACTION(AFFINGER6)のおすすめ購入方法を初心者目線でご紹介。また購入後のダウンロードからインストールまでの手順を全画像付きで丁寧に解説。初心者が迷子にならない為の公式サイトの検索手順と注意事項もご紹介します。

AFFINGER6▶︎AFFINGERタグ管理マネージャー4 ver.4.1.1 の使い方! 4

AFFINGERタグ管理マネージャー4 ver4.1.1が2022/9/21にアップデートされ大幅に使いやすくなりました!表示機能も強化されグッと見やすなったリンク計測の表示など、アップデートの手順から広告用タグの作り方まで一気にご紹介します。

-Basic setting AFFINGER
-,