ネット集客実践クラブ

ワードプレスのテーマを変更してもGTMやアドセンスのタグが表示されるようにする方法

ワードプレス・ロゴ、WP

ネット集客の便利なツールを使っていると

headタグ内に〇〇のコードを記載してください

というような指定があります。

グーグールタグマネージャーや、グーグルアナリティクス、アドセンスなどですかねー?

アクセスした人が注目した所がひと目でわかるヒートマップなんかもそうだと思います。

ワードプレスの場合は、テーマの

テーマヘッダー (header.php)ファイル

に記載することが多いです。

ただ、これだとテーマを変更した際に、再度変更後のテーマファイルに記載する手間が出ます。

ということで、

テーマを変更しても各種設定タグが自動で表示される

ように対応してみました。

プラグイン「Code Snippets」を使い、wp_headとwp_body_openをフックする

ネット集客実践クラブの場合は、

プラグイン「Code Snippets」を使い、wp_headとwp_body_openをフックする

という方法で対応しました。

「Code Snippets」って?

Code Snippets」は、

テーマのfunctions.phpにコードを挿入する

というプラグインです。

各種設定をテーマヘッダー (header.php)ファイルに書かずに、functions.phpにコードを挿入するという方法を推奨してる人も多いです。

が、これでもテーマファイルを変更するとGTMのタグなんかが表示されずにトラブルになります。

それならいっそ、

どんなテーマのfunctions.phpに追記されるようなプラグインで対応しよう

というのが考え方ですね。

「Code Snippets」に、wp_headとwp_body_openをフックするコードを書いて対応

「Code Snippets」でfunctions.phpにPHPコードが追記できますので、

wp_headとwp_body_openをフック

します。

フックというのは、ワードプレスには途中で実行される関数が色々仕込まれてますので、そこの関数で起動してもらえるようにコードを書くってことです。

こんな感じ。

/**
* Add HTML HEAD GTM HEAD CODE
*/
function add_header_my_gtm_code(){
?>
<!-- Google Tag Manager -->
GTMでhead内に書いてと指定されてる内容
<!-- End Google Tag Manager -->
<?php
}
add_action( 'wp_head', 'add_header_my_gtm_code', 10 );

/**
* Add HTML BODY GTM BODY CODE
*/
function add_body_my_gtm_code(){
?>
<!-- Google Tag Manager (noscript) -->
GTMでbody直後に書いてと指定されてる内容
<!-- End Google Tag Manager (noscript) -->
<?php
}
add_action('wp_body_open', 'add_body_my_gtm_code');

wp_headとwp_body_openは、ヘッダー内とBODYタグ直後で実行されるワードプレスの関数

wp_headとwp_body_openは、ヘッダー内とBODYタグ直後で実行されるワードプレスの関数です。

wp_headは、 wp_head()が記載されている部分で、wp_body_openは、BODYタグ直後で実行されます。

wp_body_open()はbody直後に記載しておく

wp_body_openの実行には、テーマファイルの中で

wp_body_open()を記載の必要

があります。

もし表示したタグが挿入されないようでしたら、HTMLのbogyタグが記載されてる辺りに、wp_body_open()を記載してみてください。

こんな感じですかね?

<body <?php body_class(); ?> ><?php wp_body_open(); ?>

ワードプレスのテーマの変更で、タグが消えるということが無くなりました。

これで、ワードプレスのテーマの変更で、タグが消えるということが無くなりました。

GTMタグとか消失したまま、グーグル広告とか継続してたら冷や汗もんですからね・・・。

なるべくミスが発生しない方法で対応しないと、((((;゜Д゜)))ガクガクブルブルです。

今回、対応したのはミスしたからなんですが、自社サイトで良かったです(笑)

関連記事

  1. ワードプレス・ロゴ、WP

    ワードプレスでショートコードを簡単に作れるプラグイン「Short…

  2. ワードプレス・ロゴ、WP

    アドセンスを掲載しようとしたら、ワードプレスのカスタムHTMLが…

  3. ワードプレス・ロゴ、WP

    解決】ワードプレスで「致命的なエラーをチェックするためにサイトと…

  4. Contact Form 7、コンタクトフォーム

    解決】Contact Form 7(コンタクトフォーム)で、日本…

  5. Contact Form 7、コンタクトフォーム

    解決】Contact Form 7のselect(ドロップダウン…

  6. ワードプレス・ロゴ、WP

    ワードプレスのRSSフィードの配信を停止する設定

集客のネタ話

  1. 最近、とある「公式本」が、アマゾンアソシエイトで良く売れてまして、アマゾンから紹介手数料の支…
  2. 社労士の独立・開業に必要なこと
    「社労士で年収3000万円稼ぐ開業ノウハウ 顧問契約のみで大成功を収める秘訣とは?」という本がありま…
  3. 社労士の独立・開業に必要なこと
    社労士として開業するなら、何歳が良いのか?です。あっちこっちのサイトでいろんなことが言われて…
  4. 社労士の独立・開業に必要なこと
    社労士で実務経験なしで開業するのは、不安だからどこかの社労士事務所で修業してから独立したい・・・そん…
  5. 社労士の独立・開業に必要なこと
    社労士は儲かる、という開業コンサルさんは多いです。ただ、そんなに儲かるなら、もっと社労士事務…
  6. 社労士の独立・開業に必要なこと
    検索キーワードを調べていたら社会保険労務士 廃業 体験談というキーワードでの…
  7. 社労士の独立・開業に必要なこと
    社労士で開業して失敗する理由は、単純で、顧客開拓ができないからです。…
  8. 社労士の独立・開業に必要なこと
    主婦でもできる確かな仕事を・・・ということで、社労士の資格を取られる方も多いです。社労士の資…
  9. 社労士の独立・開業に必要なこと
    社労士で開業しようとしてる方は、先輩社労士のブログで開業時のことを読みたいものです。結構、沢…
  10. 社労士の独立・開業に必要なこと
    社労士で開業する場合、オフィスをどこにするか?ということに悩まれる方も多いです。結論から言う…

最近更新されたページ

ページ上部へ戻る