WoodMartでGAとFacebookピクセルを挿入する完全な方法

独立したサイトでのリードジェネレーション、ソーシャルメディア広告、データ分析など、どのようなことでもグーグルアナリティクス Facebook Pixelのようなトラッキングスクリプトは必須である。コードを追加するとサイトの構造が壊れるのではないかと心配する人も多いが、実は正しい方法を選べば、フロントエンドのスタイルに影響を与えることはなく、ユーザーの行動を安定的にトラッキングすることもできる。

图片[1]-在 WoodMart 中插入 GA 与 Facebook Pixel 的完整方法

I. WoodMartのテーマ設定によるトラッキングコードの挿入

ウッドマート カスタムスクリプトを挿入するための組み込み機能は、プラグインの助けを借りずに、テンプレートファイルを変更する必要はありません、すでにバックグラウンドの設定に精通しているウェブマスターに非常に適しています。

具体的な手順は以下の通り:

  • WordPressバックエンドにログイン
  • の左メニューバーをクリックする。 ウッドマート → テーマ設定
图片[2]-在 WoodMart 中插入 GA 与 Facebook Pixel 的完整方法
  • 開いた設定ページで カスタムCSS&JS もしかしたら カスタムスクリプト オプション
图片[3]-在 WoodMart 中插入 GA 与 Facebook Pixel 的完整方法
  • で得た情報を入力ボックスに貼り付ける。 グーグルアナリティクス もしかしたら フェイスブック トラッキングコードの取得
    • Googleアナリティクスのコードは通常、次のように始まります。 gtag.js もしかしたら アナリティクス 始まり
    • 一方、フェイスブックピクセルには以下のものが含まれます。 fbq('init', 'xxxxxxxxxx') 長さ ジャバスクリプト
  • ペーストして保存ボタンをクリック

これらのスクリプトは <head> ほとんどのページやブラウザと互換性があり、紛失やエラー報告の心配がない。

II.プラグインを使ったトラッキングスクリプトの挿入(初心者向け)

WoodMartのバックエンド構造に慣れていない場合は、GAとPixelコードを管理するプラグインもあります。以下のいずれかをお勧めします:

  • ヘッダーとフッターの挿入
  • WPCode(旧コードスニペット)
  • ヘッダー・フッター・コード・マネージャー

には ダブルPCコード 一例として、手順は以下の通り:

  • WordPressバックエンド → プラグイン → プラグインのインストール
  • WPCode "を検索し、"Install and Enable "をクリックする。
图片[4]-在 WoodMart 中插入 GA 与 Facebook Pixel 的完整方法
  • プラグインを有効にすると、左メニューに「スニペット」項目が追加されます。
  • スニペットを追加」をクリックする
图片[5]-在 WoodMart 中插入 GA 与 Facebook Pixel 的完整方法
  • GAまたはPixelのコードをコード入力欄に貼り付けます。
  • 以下のコードを書くと、表示位置が ヘッダー
add_action('wp_head', function() {?
    ?>
    
     <!
    
     <!
    
    <?php
});
  • ティック スニペットをあらゆる場所で実行する
图片[6]-在 WoodMart 中插入 GA 与 Facebook Pixel 的完整方法
  • このコード・スニペットを保存して有効にする

プラグインの方法のこのタイプは、テーマが変更に失敗しない場合でも、より多くのセキュリティ、テーマファイルを移動する必要はありません。

第三に、子テーマに直接コードを挿入する(開発者向き)。

あなたが開発者であるか、またはサブテーマテーマファイルに手動でコードを書き込むこともできます。

書き込み先として推奨されるファイルは header.php.手順は以下の通り:

  1. FTPまたはホストパネルを使って wp-content/themes/ウッドマート・チャイルド ファイル
  2. とおす header.php ファイルをコピーしてください。
  3. 見つける <head> タグの下に、GAまたはPixel用のJavaScriptコードを挿入する。
  4. ファイルを保存し、再びアップロードする。サーバ
图片[7]-在 WoodMart 中插入 GA 与 Facebook Pixel 的完整方法

この方法は、コードの経験があるウェブマスターに適しています。特定のページやデバイスに対してのみ動作させるなど、コードの埋め込みをより柔軟にしたい場合は、この方法を ワードプレス 条件付き判定使用。

第四に、トラッキングコードを追加した後、どのように確認するのですか?

コードを追加した後は、それが実際に機能するかどうかを確認することを忘れないでください。よく使われる方法は以下の通り:

  1. ブラウザを開き、ホームページにアクセスする
  2. 右クリック → ページソースを表示, 検索 タグ もしかしたら fbqしかし、そのコードが存在するかどうかを確認するのは良い考えだ。
  3. ブラウザのプラグインをインストールしてください:
    • グーグル・アナリティクス・デバッガーデータ転送が成功したかどうかをチェックする
    • Facebookピクセルヘルパー検証 ピクセル 発動したか否か、事故が報告されたか否か
  4. GAバックエンドまたはFacebook Events Managerにログインし、アクセスデータを受信し始めるかどうかを確認する。

データがない場合は、ブラウザを切り替えるか、またはキャッシュを消去ページをリロードしてからテストする。

よくある質問と提言

  • あなたのサイトでキャッシュが有効になっているか シーディーエヌコードをテストしたい場合は、コードを追加した後、必ずキャッシュをクリアしてください。
  • 複数の最適化プラグインが同時に有効になっている場合、JavaScriptのロードが妨げられていないことを確認してください(マージや遅延ロードなど)。
  • フッターエリアにコードを挿入することはお勧めしません!

概要

ウッドマートのインサート グーグルアナリティクス とFacebook Pixelのコードは柔軟なので、初心者でも上級者でも適切な方法が見つかるだろう。シンプルさと安全性を求めるのであればプラグインをお勧めしますし、テーマ管理の近くにいたいのであればテーマ設定パネルから行うこともできます。コードの書き方を知っている人にはサブテーマより高度な管理を行う。データの正確性を追跡することは、マーケティング効果に直接影響するため、早期の導入と長期的なモニタリングを推奨する。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
客服微信
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:[email protected]
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
本文作者:托尼屎大颗
終わり
好きなら応援してください。
クドス1076 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし