Skip to main content
OpenAIAnthropicGooglePerplexityMetaMicrosoft
GTM コンテナ対応
Google Tag ManagerGoogle Tag Manager·Analytics

すべての wordpress サイトに google tag manager を、コンテナ対応で。

`GTM-XXXXXX` コンテナ ID を貼り付けてください。head スニペットは `wp_head` に、noscript フォールバックは `<body>` 直後に挿入されます。プラグイン不要、テーマ手動編集不要、dataLayer を無効にする noscript の欠落もありません。

無料トライアル。クレジットカード不要。全プランに 30 のインテグレーションが含まれています。

includedYovale WordPress ホスティング — Google Tag Manager
yovale.com/ja/integrations/google-tag-manager
Google Tag Manager · analytics consent

すべての wordpress サイト内の GTM レイヤー。

GTM には 2 つのスニペットがあります。1 つは `<head>` 用、もう 1 つは `<body>` 直後用です。ほとんどの WordPress プラグインは最初の 1 つを配置しますが、適切なテーマフックがないため 2 つ目を省略するものが多いです。

01
保存時検証
ダッシュボードで regex `^GTM-[A-Z0-9]{4,12}$` を強制
02
挿入時ミラー
スニペット出力前に PHP で同じ regex を再確認
03
head スニペット
早期 dataLayer 初期化のため `wp_head` 優先度 1 で挿入
04
noscript iframe
Google 仕様に従い `<body>` 直後に挿入
01
GTM コンテナインジェクター
02
noscript フォールバックを正しく挿入
03
コンセント対応の読み込み
04
GTM プラグイン不要
status panel
GTM-XXXXXX
コンテナ ID 1 つ
head + body
両方のスニペットを挿入
0 plugins
GTM プラグイン不要
container model

one container, every tag, no plugin merry-go-round.

paste a `GTM-XXXXXX` once. manage every tag inside Tag Manager — analytics, ad pixels, custom HTML, conversion linker, consent cmp. no per-tag WordPress plugin to install or update.

tags managed
∞ via GTM
WordPress plugins
0
container
GTM-EXAMPLE
published v17
Google Analytics 4
Meta Pixel
Google Ads Conv.
LinkedIn Insight
TikTok Pixel
Custom HTML
fired this hour12,847
spec compliance

both snippets, in the right place, every page.

most WordPress GTM plugins render the head snippet but skip the noscript iframe — Google's spec wants both. without noscript, no-JS bots and accessibility audits flag the install as incomplete.

wp_head priority 1
snippet 1 of 2
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-EXAMPLE');</script>
<!-- End Google Tag Manager -->
after <body> open
snippet 2 of 2
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-EXAMPLE"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
Tag Assistant verdict: install complete, both snippets verified
setup

paste your container ID. publish.

Yovale は保存時に `GTM-` の形式を検証します。MU プラグインが head スニペットを `wp_head` 優先度 1 に配置し、noscript iframe を `<body>` 開始直後に配置します — Google のドキュメントが要求する正確な位置です。

  • 1
    トラッキング → アナリティクスを開く

    ダッシュボードのトラッキングパネルで Google Tag Manager を見つけてください。デフォルトは無効です。

  • 2
    GTM コンテナ ID を貼り付ける

    GTM ワークスペースの右上から `GTM-XXXXXX` 形式の ID をコピーしてください。

  • 3
    GTM でタグを公開し、ここで保存する

    Yovale で有効にしてください。次のページ読み込み時に head + noscript ペアが挿入されます。Tag Assistant で確認してください。

Google Tag Manager
enabled
container_id
GTM-EXAMPLE

GTM がワークスペース作成時に発行します。形式: `GTM-` に続く 4〜12 文字の大文字英数字。

head snippet
wp_head priority 1
noscript
after body open
two architectures

one plugin per pixel, or one container to rule them all.

plugin per pixel

N plugins, N update channels

GA4 plugin~40ms
Meta Pixel plugin~40ms
Google Ads plugin~40ms
LinkedIn plugin~40ms
TikTok plugin~40ms
Cookie banner plugin~40ms
total: ~240ms PHP overhead, 6 update channels
GTM container

1 container, 1 publish flow

GTM-EXAMPLE container~0ms
all tags managed inside
Google Analytics 4Meta PixelGoogle Ads Conv.LinkedIn InsightTikTok Pixel
total: 0ms PHP overhead, 1 update flow (GTM publish)
how tags fire

page load → dataLayer → tag fired.

step 01
Page load

container tag in `<head>` requests gtm.js

step 02
dataLayer

events queue while gtm.js loads

step 03
Container fires

tags evaluate triggers in priority order

step 04
Tag matched

GA4 + Meta + LinkedIn fire if conditions met

step 05
Consent gate

marketing tags wait for consent grant

faq

questions before you switch hosts for GTM.

GTM と直接 GA4 インテグレーションを併用できますか?

はい。多くのチームは GA4 を直接(初期読み込みが速い)使い、その他すべてのタグを GTM 経由で配信しています。どちらも Yovale のトラッキングパネルから配信でき、競合しません。

noscript iframe は本当に重要ですか?

JS なしのボット、アクセシビリティ監査、Tag Assistant の検証において重要です。省略しても JS ユーザーには影響しませんが、インストールが「不完全」とフラグされ、クローラーのみのコンバージョンが失われます。

サーバーサイド GTM はどうなりますか?

サーバーサイド GTM は Google Cloud Run インスタンス上で動作し、WordPress ホスト上ではありません。Yovale が挿入するのはウェブコンテナスニペットです — sGTM の転送設定は GTM 内で行います。

ページキャッシュが GTM スニペットを削除しますか?

いいえ。スニペットはキャッシュ済み HTML の一部です。コンセント状態はクライアントサイドで設定された `<html>` クラスに保持されるため、キャッシュキーは訪問者ごとではなくページレベルで維持されます。

データを失わずに GTM コンテナを切り替えられますか?

はい。ダッシュボードの GTM-XXXXXX を変更して保存してください。ページキャッシュがローテーションするまで古いコンテナが発火します。同じパネルからキャッシュをパージすると即座に切り替わります。

ready when you are

GTM が正しくインストールされた WordPress サイトを初日から。

無料トライアル。クレジットカード不要。GTM-XXXXXX を貼り付けて保存すると Tag Assistant が緑になります。