Google AdsenseのAMP自動広告のタグ挿入について

PR 2017/9/21

このトピックには9件の返信、2人の参加者があり、最後にわいひらにより9年前に更新されました。

9件の返信スレッドを表示中

投稿者

投稿
- 2017年9月15日 4:23 AM #55873
  
  ホリウチ
  ゲスト
  
  いつもありがたく利用させていただいております。ホリウチです。
  
  SimplicityのAMP機能を使わせていただいていたところ、本日GoogleよりAdsense Labのご案内というメールが届き、AMP自動広告というLabの機能を利用できるようになりました。
  AMP自動広告を利用するには、head内とbodyのすぐ横ににscriptタグを埋め込む必要があり、さっそく設定してみようと思い、子テーマのheader-insert.phpにscriptタグを挿入してみたところ、AMPページのヘッダーにはタグが挿入されませんでした。
  
  AMPの厳格な仕様に対応するために、AMPページでは余計なスクリプトは削除するような処理をしているためかと思うのですが、AMPページにのみhead内に任意のタグを埋め込むことはできるのでしょうか？
- 2017年9月15日 12:43 PM #55879
  
  ホリウチ
  ゲスト
  
  自己解決しましたので報告いたします。
  
  解決した手順は以下の通りです。
  
  1. 外観 -> テーマの編集に移動
  2. 編集するテーマを選択でSimplicity2を選択 (Simplicity2-Childではない)
  3. amp-header.phpを選択
  4. </head>の上と<body>の後ろにそれぞれscriptタグを挿入し保存
  
  Simplicityのバージョンアップをする度に編集し直さないといけませんが、これでタグをAMPページに埋め込むことができました。
- 2017年9月15日 6:02 PM #55892
  
  わいひら
  キーマスター
  
  自己解決報告ありがとうございます。
  同様のことがしたい方の助けになると思います。
  
  そうなんです。
  AMPでは、別のテンプレートを読み込んでいます。
  
  Simplicityのバージョンアップをする度に編集し直さないといけませんが、これでタグをAMPページに埋め込むことができました。
  
  親テーマのamp-header.phpを子テーマフォルダ直下にコピーして、同様の編集をしてもだめでしたか？
- 2017年9月16日 6:06 AM #55928
  
  三日坊主
  ゲスト
  
  ホリウチさま。
  
  私もこの案内が来ましてフォーラムで検索して拝見しておりますが、もう少し詳しく貼り付け位置がわかればありがたいのですが・・・　ご教授いただけませんでしょうか。
- 2017年9月16日 8:34 AM #55932
  かうたっく
  ゲスト
  もう少し詳しく貼り付け位置がわかればありがたいのですが
  
  どの範囲で悩まれているのか不明ですが、
  
  Simplicityバージョン：2.6.0.9最新版ではamp-header.phpがあるようです。本体部分をページ内検索したら下記のコードがあります。
```
ココに挿入
    </header>
    
    <div id="body">
ここに挿入
```
  古いバージョンでしたら該当phpはなく、single-amp.phpなので、それを編集。
  ※読む限り該当の位置。
  
  それ以上に良いのは、最新バージョンにして編集するのをオススメします。
- 2017年9月17日 2:20 PM #55956
  なぎそら
  ゲスト
  こんにちは。
  
  ここに記載された方法で出来たので、今からやる方のために私が実際にやった具体的な方法を書いておきます。
  
  １．Simplicityを2.6.0.9にアップデート。
  
  ２．サーバの/wp-content/themes/simplicity2/にあるamp-header.phpをダウンロード。
  
  ３．AMP自動広告にAMPサイトの広告を全て任せるために、SimplicityのAMP広告設定からコードを削除する。(すぐに戻せるようにコードは退避させておいたほうが良いかもです。)
  
  ４．Adsenseの「最適化」→「labs」から、AMP自動広告を有効にする。
  
  ５．2でダウンロードしたamp-header.phpを開いて、以下の様にコードを追記する。
```
</style>
<script async custom-element=&quot;amp-auto-ads&quot; src=&quot;https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js&quot;></script>
</head>
<body <?php body_class('amp'); ?> itemscope itemtype=&quot;http://schema.org/WebPage&quot;>
<amp-auto-ads type=&quot;adsense&quot; data-ad-client=&quot;自分のコード&quot;></amp-auto-ads>
<?php //Google Analyticsコード（ログインユーザーはカウントしない）
```
  ６．5で編集したファイルを、サーバの/wp-content/themes/simplicity2-child/へアップロードする(子テーマを使っている場合)
  
  ７．10分程度待つと広告が表示されるので、SimplicityのAMP確認機能や自分のスマホからAMP自動広告がちゃんと動作しているかを確認する。
  
  以上です。
  
  AMP自動広告が動いていない場合は、
  - ソースを表示して、「amp-auto-ads」が記載されているか確認する
  - 各種キャッシュを削除する。ブラウザやサーバなど
  を試すと良いと思います。
  
  で、実際に動かしてみましたが、パッと見で配置がすごく微妙なのでどうしようかなー、って感じです。
  記事中に突然広告が表示されるので、凄く読み辛いという印象を受けました。
  
  試してないですが、SimplicityのAMP広告とAMP自動広告の併用が可能ならば、それが良いような気がします。
  
  ただ、試さないことには分からないので、このまま1週間くらいはAMP自動広告オンリーにしようかと思います。
- 2017年9月17日 2:24 PM #55957
  
  なぎそら
  ゲスト
  
  ソースを表示して、「amp-auto-ads」が記載されているか確認する
  各種キャッシュを削除する。ブラウザやサーバなど
  
  の部分を黒丸リストにしようとして失敗したみたいです。
  読み辛くてすいません（汗）
- 2017年9月18日 6:02 PM #55965
  
  わいひら
  キーマスター
  
  #55956
  詳しい方法をありがとうございます！
  リストのタグを修正しておきました。
  
  で、実際に動かしてみましたが、パッと見で配置がすごく微妙なのでどうしようかなー、って感じです。
  記事中に突然広告が表示されるので、凄く読み辛いという印象を受けました。
  
  僕はまだ「どうしようかなー」みたいな感じで試してなかったんですが、微妙なんですね。
  訪問者の利便性を下げるのは、確かにイマイチかも。β版なので、改善されることに期待。
- 2017年9月21日 3:45 PM #56025
  
  koiitirou2
  ゲスト
  
  こんにちわ。
  出たり出なかったりで、色々配置が調整されているみたいですね。
  私のサイトでは1, 3, 5番目のh2の上に広告を挿入しているのですが、
  自動広告が元々の広告と合わさって2つ連続したり、
  本文中に突然挿入されたり、
  とても長い記事（h2が20個以上あるような）の場合は、元々の広告と合わせて6個以上挿入されたり、
  見ていると結構面白いです。
  
  ABテストはしていないのでわかりませんが、
  1週間の計測でAMP自動広告の収益は、
  AMP広告全体の16%、サイト全体の3%という感じでした。ご参考までに。
- 2017年9月21日 7:24 PM #56033
  
  わいひら
  キーマスター
  
  自動広告が元々の広告と合わさって2つ連続したり、
  本文中に突然挿入されたり、
  とても長い記事（h2が20個以上あるような）の場合は、元々の広告と合わせて6個以上挿入されたり、
  見ていると結構面白いです。
  
  結構ダイナミックに入るのですね(笑)
  
  データありがとうございます！
  そのパフォーマンスだったら、利便性を優先したいところかもしれませんね。
  参考になりました。
投稿者

投稿