アドセンス広告をショートコードにして記事内に挿入する方法。Fantastech(ファンタステック)Fantastech!!WordPressGoogleアドセンスSEO対策サイトマップお仕事のご依頼アドセンス広告をショートコードにして記事内に挿入する方法。シェフ記事上、記事下などの決まった位置に掲載することが多いGoogleアドセンスですが、記事内の文章と文章の間に表示したいことってありますよね。適切に表示することで収益化にもつながるので、Googleアドセンスの新しい広告ユニットとしても追加されたほどです。見るただ、ファイルに直接貼り付けるのとは違い、Googleアドセンスのコードをそのまま記事内に貼るのは面倒ですし、そもそもどうやって使えばいいのかわからない方もいると思います。そこで今回は、Googleアドセンス広告を記事内に簡単に表示できる「ショートコード」の登録方法や使い方を詳しくご紹介します。目次1ショートコードとは?2使い方3条件分岐をする4まとめショートコードとは?ショートコードとは、HTMLを特定の文字列として登録することで呼び出せるWordPress固有のコードです。簡単に言えばショートカット機能のことですね。どんなに長いHTMLでも、〇〇や△△のような短い文字列にできるので、気軽に使える上に、視認性が非常に高くなるのが最大の特徴です。一回一回コードを記述しているわけではなく、登録されたコードを呼び出しているだけなので、登録元のコードを修正するだけですべての記事で修正が反映されるのも大きな利点です。その他にも条件分岐ができるなどの特徴がありますが、そこら辺は後述します。使い方functions.php(子テーマでも可)に下記のコードをコピペし、アスタリスクの部分にアドセンスのコードを上書きするだけでショートコード化は完了です。通常の広告ユニットはもちろんのこと、新しく追加された記事内広告でも使えます。'adsense_in_article_shortcode_child_4536');後は、アドセンス広告を表示したい場所で[[adsense]]と入力するだけ。テキストモードに切り替える必要もありません。スタイルの変更こちらがサンプルCSSですが、余白などは適宜変更していただければと思います。center;}条件分岐をするショートコードの便利なところは、条件分岐ができることです。いくつかサンプルコードをご紹介します。'adsense_in_article_shortcode_child_4536');通常ページとAMPページで表示切り替え通常ページ用のアドセンスのコードの中にあるdata-ad-clientdata-ad-slotの2つの値をそれぞれAMPページ用のアドセンスコードにコピペするだけでOKです。'adsense_in_article_shortcode_child_4536_amp');このコードでは、is_ampという関数でAMPページかどうかの条件分岐をしていますが、上手くいかない場合は下記記事で紹介している方法を試してみてください、PHP(WordPress)でAMP対応ページかどうか判別する方法。見るまとめ「手動で管理するのはメンテナンス性が悪いよな〜」と思う方もいるかもしれませんが、ショートコードは削除するのが簡単なので、全然問題ありませんよ。Regex」で[[adsense]]と検索して一括削除できます。お試しあれ!(๑•̀ᄇ•́)و✧カテゴリー:カスタマイズシェフこのサイト「Fantastech」を運営している人。WordPressテーマ「4536」の開発中にインプットした情報などを発信中。上に表示された文字を入力してください。ドラクエ風のセリフや文章を再現するHTMLとCSS【コピペ可】PHP(WordPress)でAMP対応ページかどうか判別する方法。「ページを開けません。サーバが見つかりません」の原因は?PHPのstr_replaceとpreg_replace(正規表現)の使い方WordPressで会話風の画像とテキストをコピペで簡単表示!WordPressのユーザー名・パスワードを確認・変更する方法は?Facebookページのユーザーネームが登録・変更できない原因は?ローカル環境のWordPressサイトを本番環境へ移行する方法WordPressオリジナルテーマを管理画面で更新可能にする方法。Jobsの導入方法や注意点などカスタムデータ属性でCSSフレームワークを作ろうきたぞ、国内初の流体シェイプ国内初となる流体シェイプをデザインに取り入れたWordPressテーマ「4536」を公開しました。