2018.02.18Stinger8というWordPressのテーマにしてから少しずつですが、テーマのカスタマイズを行なっています。その中でWordPressの記事一覧の中に、GoogleAdsenseの広告を埋め込むことができるということで、その作業を行いました。結果としてはうまく記事一覧の中に入りこんでくれたと思います。今回はそのお話をしたいと思います。スポンサーリンクスポンサーリンク目次インフィード広告とはインフィード広告の取得方法インフィード広告のコードをWordPressのStinger8に入れる。インフィード広告に枠線を入れるなど最後にインフィード広告とはインフィード広告とは、Webサイトやアプリ(画面の上から下に読み進めていくデザイン)のコンテンツとコンテンツの間に表示される体裁の広告のことです。FacebookやTwitterなどのSNSや、キュレーションメディア、ニュースアプリなどでよく利用されています。最近では、テキストやバナーだけでなく、動画などのリッチコンテンツが配信できるメディアも珍しくありません。インフィード広告は、単に「コンテンツとコンテンツの間に表示される体裁の広告」という広告手法を表す用語であり、これ自体は“ネイティブ広告”というわけではありません。インフィード広告の特性上、“ネイティブアドの体裁をとる”ことが多いので、インフィード広告=ネイティブアドと呼ばれることも多いのです。インフィード広告と似た名称の広告で、「インリード広告」や「インスクロール広告」という広告もあります。ネイティブアドという言葉が一緒に出ていて少々ややこしいことになっていますが、ネイティブアドというのは概念の話、インフィード広告というのはコンテンツとコンテンツの間に挟み込まれた広告のことだと考えた良いようです。なんならば、ネイティブアドという言葉は忘れてしまってもいいのかもしれません。要するに、コンテンツの中にうまーく混ざり込んだ広告のことだと思ったら間違えではないと思います。インフィード広告の取得方法それではインフォード広告の取得方法を説明したいと思います。Googleのインフォード広告はGoogleAdsenseから取得することができます。GoogleAdsenseにログインします。広告の設定をクリックします。赤く囲まれている+新しい広告ユニットを選択します。三つの広告から選んでもらいますが、インフィード広告を今回は選択します。ちなみに他の項目についての説明は以下です。広告のタイトルとテキストによる説明文、URLなどが記載されています。自動で広告スタイルを作成するを選択します。自分のサイトのURLを入力すると、それに合わせてインフィード広告が作成されます。僕のサイトは、レスポンシブルデザインですのでDesktopを選択しておけばモバイルの設定もされますので問題ありません。ページをスキャンボタンをクリックすると、約1分くらいでサイトをスキャンしてインフィード広告が作成されます。自分のサイトに設置された時にどういった見え方がされるのかを自分のサイトを用いて表示してくれますので、インフィード広告がサイトにどんな影響を与えているのかについてわかりやすくなっています。問題がなければ右端にある、次へボタンをクリックしてください。左の画面で、実際のサイトにインフィード広告が設置された時にどういった見え方がされるのかが表示されます。ちなみに、右上の青い線をドラッグしたまま移動させることによって記事の幅を変更させることができます。インフィード広告のフォントの種類やサイズ、サムネイル画像の大きさなども右の画面から変更することができますので、少々の誤差を修正することもできます。問題なければインフィード広告のソースコードを取得し、サイトに設置をすることになります。画像に記載されている、1.〜3.の項目について説明します。この広告の名称を決めます。複数のサイトを運営している場合は、サイト名などを入れておいてもいいと思います。サイトに貼り付ける用のコードが手に入ります。インフィード広告のコードをWordPressのStinger8に入れる。インフィード広告を挿入するのは、stinger8のitiran.phpというファイル。子テーマを作ってから、itiran.phpは触るようにしましょう。あとはファイルのバックアップをお忘れなきよう。ファイルですが、修正前のファイルと修正後のファイルの中身をご覧いただきます。