ネット集客実践クラブ(大阪)

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

ワードプレス・ロゴ

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

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. ワードプレス・ロゴ

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

  2. ワードプレス・ロゴ

    ワードプレスVer6.0にしたら、QTags.addButton…

  3. SSLイメージ

    ERR_SSL_PROTOCOL_ERRORが起こる原因は?「.…

  4. ワードプレス・ロゴ

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

  5. ワードプレス・ロゴ

    Contact Form 7 でスパム送信が沢山くるので対応して…

集客のネタ話

  1. SNS広告は釣り堀で釣りをするようなもの、検索広告は海釣りをするようなもの
    最近、SNS広告を再開しましたが、やっぱり成果は少ないですね。印象としては、…
  2. えぇ?!成人向けコンテンツ?!フェイスブック広告の良く判らない判定で広告審査落ち
    久しぶりにフェイスブック広告を出そうとしてましたが、フェイスブック広告の審査に落ちました。理…
  3. 大阪府立の高校入試の日。いろんなタイミングを逃さず投稿するのがSNS活用
    今日(2023/03/10)は、大阪府立の高校入試の日。ま、結果はどうあれ、本日で受験が終わ…
  4. 長いサービス紹介のページは読まれない?短い文章、長い文章、成約するのはどっち?
    キニナルとか、ブログ記事、あんなに長いのに読まれるんですか?とよく聞かれ…
  5. 飲食店など店舗型の商売で、独立開業前に考えてほしい事。開業でスタートする前に見えておかないといけない内容
    これから、飲食、美容室、整体、塾など店舗型の商売で独立を考えておられる方が、創業計画 を立てる場合に…
ページ上部へ戻る