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

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

ワードプレスのテーマを変更しても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. SSLイメージ

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

  3. ワードプレス・ロゴ

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

  4. ワードプレス・ロゴ

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

集客のネタ話

  1. ワードプレス・ロゴ
    キニナルの掲載申し込みページは、ワードプレスのプラグイン「Contact Form7」を使っています…
  2. 週一ページ作りプロジェクト
    えーと、大阪狭山でも人気の美容室エメールヘアの木全さんが参加してくださったので、週一ページ作…
  3. LINE
    もともとPC(Win10 パソコン)の不調があり、春休みで子供の勉強を見ながら、合間を見てPCの再イ…
  4. ワードプレス・ロゴ
    ネット集客の便利なツールを使っているとheadタグ内に〇〇のコードを記載してください…
  5. ワードプレス・ロゴ
    ワードプレスのテーマ(Thema)を編集すると致命的なエラーをチェックするためにサイトと通信…
ページ上部へ戻る