Bitrixでサイトの目標を設定する私の壮大なストーリー

友達、私は彼女を「愛している」から目標を設定するのが好きですか？ 私にとって、これは常に困難で退屈なビジネスであり、これに関する情報はほとんどインターネット上にありません。私の意見では、このトピックは重要です。 今日、私の投稿はBitrixでサイトの目標を設定することに専念しています。この投稿が気に入ったら、他のCMSについてお話しします



1.1。 サイトに目標が必要なのはなぜですか？

出席スケジュールを見るだけでなく、どのチャネルが効果的でどのチャネルが効果的でないかを理解するために、目標を設定する必要があります。



Googleのヘルプから引用します。「 目標は、サイトまたはアプリケーションのパフォーマンスの優れた指標です。 目標は、コンバージョンと呼ばれる興味のあるアクションです。 目標の例を次に示します。購入（eコマースサイトの場合）、ゲームレベルの合格（モバイルゲームアプリケーションの場合）、連絡先情報の送信（顧客を引き付けるサイトの場合）。



目標を設定することは、分析評価を計画する上で不可欠な要素です。 適切に選択された目標により、サイトまたはアプリケーションのコンバージョン数やコンバージョン率などの重要な情報を取得できます。 この情報がなければ、オンラインビジネスとマーケティングキャンペーンの効果を評価することはほとんど不可能です。 '' Support.google.com/analytics/answer/1012040?hl=ja

実際に分析して追跡する目標のみを設定します。 たとえば、登録、連絡先の詳細の送信、コールバックのリクエスト、および販売につながる可能性のあるその他のアクションを目標と見なすことができます。 訪問者が2つのページを表示するか、サイトに3分以上滞在したときにトリガーされる目標は、実際の目標ではありません。 」



1.2。 私の目標は何ですか？

主な目標

-商品の購入

-連絡先の詳細の送信

-電話



支援目標

-製品カードを表示

-連絡先を表示

-3ページを表示



1.2。 Nuuu ...カウンターがありますが、なぜもっと目標が必要なのですか？

統計カウンタが設定されているにもかかわらず、すべてを追跡することはできません。 サービスは主にページビューを追跡します。 そして、例えば、クリック、フォーム送信、その他のより複雑なイベント（たとえば、「サイトでの登録、電子メールで確認」）など、最もおいしいものが残されます。







したがって、図では

「ページビュー」はすぐに分析に送信され、すべてが整然としています

「クリック、フォーム送信」は、Googleタグマネージャーを使用して追跡できます。 実際には、有効なフォーム送信の追跡を設定するのは必ずしも簡単ではありません。

「複雑なイベント」は、以前の手段では追跡できないものです。 それらを追跡するために、小さなJavaスクリプトコードが適切な場所のサイトコードに導入され、必要な情報が分析に送信されます。



目標の達成に関する情報が必要なシステムごとに、コードにチームを挿入する必要があることに注意してください。 そして、ここで私たちは危険にさらされています。すべてがすでに構成され、デバッグされ、検証された後、データを別の場所に送信する必要があります。 そして、これを行うには、すでにコードを挿入した場所に移動する必要があります。 つまり、すべての作業を2回実行します。







この場合、Googleタグマネージャーがサポートを提供します。



1.3。 Googleタグマネージャーが必要な理由

1つのコードのみをインストールし、残りのコードはすべてインストールする必要があります。

-クリック、リンクのクリック、送信フォームなどを追跡できます。

-適切なコードを適切なタイミングで呼び出すための独自のルールを作成できます。

-どこでも目標を達成するためのデータを送信できます。



Tag Managerのおかげで、より便利で正しい目標設定スキームが生まれています。







この方法では、目標の達成に関するデータを必要とするシステムに行った作業を拡大できます。



1.3.1。 Googleタグマネージャーのインストール方法

唯一の正しい方法は、開始ボディタグの後にインストールし、他のブロックに含めないことです。



その後、コードはすぐに起動します。 そして、DOMモデルのアセンブリの終了時またはページが完全にロードされたときにアクティブ化する必要があるすべてのものは、タグマネージャールールで簡単に構成できます。



1.3.2。 通常、GTM経由でインストールされるものは何ですか？

すべてのサードパーティコード、たとえば：

-カウンターコードGA、YM

-追加サービスUpToCall、Jivositeなど

-ソーシャルネットワークのコードのリターゲティング。

などなど



1.4。 目標の達成を追跡するために、どのコードをサイトに挿入する必要がありますか？

貼り付けるコマンドは非常に簡単です。







2. Bitrixで目標を設定する

正直なところ、サイトにすべてのフォームを「添付サービス」で実装すると、問題が少なくなります。 このサイトには、JotForm adverbs.ru/feedbackハンドラーがあり、盲目的にすべての目標を構成できます。 CMSでは、すべてのフォームは常に異なる方法で実装されますが、時には、間違った場所で失礼します。



私はBitrixプログラマーではないことをすぐに言わなければなりません。 以下の私の言葉で用語や提案された解決策に誤りがある場合、私にトマトを投げないでください、しかし、コメントで私を提案するか、訂正してください。 私は感謝します:-)



2.1。 目標のリストを定義する

目標の設定を開始する前に、目標自体を決定する必要があります。

怠けてはいけません。名前、説明、リンク、スクリーンショット、コメントで目標のリストを作成してください。 私はあなたが何をしたのか、そしてなぜあなたがそれをやったのか覚えていないだろうと1ヶ月で保証します。 数十回の反復の後、目標ファイルは次のようになります。







今後は、Googleタグマネージャーを使用すると、サイトコードを編集せずにさまざまなイベントを追跡できます。 ただし、実際には、サイトのソースコードにコードを追加して、多くの目標を設定する必要があります。



2.2。 コードをbitrixに埋め込む場所

各サイトおよび各CMSで、これは異なる場所で行う必要があります。 プログラミングについて何も理解していない場合は、間違いなくプログラマーが必要です。



さらに、私はBitrixで書かれたサイトでさえ、おそらくあなたは異なる場所にコードを挿入しなければならないと言うでしょう。 そして、同じサイトの異なる形式であっても、特に複数のプログラマーが異なる時間にサイトを呼び出してシャーマニングした場合、これは異なる場所になります:)



さあ、友達、始めましょう:-)「ライブ」a-tria.ruプロジェクトの例を分析します。 上記の表で説明されている目標は、彼のためだけのものです。 サイトの管理パネルに入ります。





2.3。 「通話のリクエスト」目標を設定する



2.3.1。 目標コード「通話をリクエスト」を挿入

ボタンがクリックされたときではなく、フォームデータが正常に送信されたとき、目標は機能しません。







通常、サイトの一部がコンポーネントである場合、マウスカーソルでその上にマウスを移動すると、ポップアップメニューが表示されます。 下の写真のように。







ただし、呼び出し順序フォームにカーソルを合わせると何も表示されないため、フォームがサイトテンプレートに何らかの形で「縫い付けられている」と見なすことができます。

編集するサイトテンプレートを開きます。







その中に「コールバックのリクエスト」というテキストがあります







そして、リンクが/ modal-forms / call-back /でページを開くことがわかります



さて、そこを見て







z-labsコンポーネントがこのページのテンプレートに含まれていることがわかります：ajax.call_order

このパスに沿ってここにあります：/bitrix/components/z-labs/ajax.call_order

しかし、このコンポーネントのテンプレートで必要なものは、もう少し深く、ここで見つかりました：/bitrix/components/z-labs/ajax.call_order/templates/call-back/template.php



ファイルを表示した後、フォームが正常に送信されたことを示すメッセージが送信された場所が見つかりました。 その隣に、ターゲットアクションの完了に関するデータを送信するコードを挿入しました。







yaCounterXXXXXXXX.reachGoal（ 'forms_zvonok'）; どこで

XXXXXXXXは、Yandexメトリックカウンターの番号です

forms_zvonok-Yandexメトリックのターゲットの識別子。



Yandexメトリックへの目標達成に関する情報の送信に関する詳細： yandex.ru/support/metrika/objects/reachgoal.xml



ga（ 'send'、 'event'、 'forms'、 'zvonok'）;

どこで

「イベント」-ecentコールタイプは、アナリティクスにイベントを送信していることを示します

「フォーム」-カテゴリ、

「zvonok」は、分析で目標が設定されるアクションです。



Googleアナリティクスでのイベントトラッキングの詳細： developers.google.com/analytics/devguides/collection/analyticsjs/events? hl=en



2.3.2。 Googleアナリティクスでコールリクエストの目標を設定する

Googleアナリティクスで、[管理者]→[目標]タブに移動します

-ターゲットが「特別」になることを示します。

-「Callback」という名前と、「Event」というターゲットのタイプを示します。

-目標の詳細を指定します。 カテゴリ「フォーム」、アクション：「zvonok」







2.3.3。 Yandexメトリックでの目標「コールの注文」の設定

Yandexメトリックスでは、目標を設定するプロセスはそれほど単純ではありません。 [設定]→[目標]セクションに移動します。

「名前」：「コールバック」、条件タイプ：「JavaScriptイベント」、ターゲット識別子：「forms_zvonok」を示します







2.4。 目標を設定する「アクションに参加するためのフォーム」



2.4.1。 ターゲットコード「アクションに参加するためのフォーム」を挿入します







編集可能なテンプレート







「アクションに参加する」というテキストが見つかりましたが、前回のようなリンクはありません。

おそらく、クリックはプラグインスクリプトによって処理されます。 このファイルに接続するものを見てみましょう。







標準のスクリプトに加えて、ある種のscript.jsが接続されています







ここでは、ユーザーが「callbutton」クラスを持つ要素をクリックすると起動する関数の定義を見つけます。 このクラスは、必要なボタンにインストールされます。

以下に、メッセージの送信を担当するコードを示します。

目標の達成時にデータを送信するコードを挿入します。



2.4.2。 GoogleアナリティクスとYandexの指標で「プロモーションに参加するためのフォーム」目標を設定する

同様に、YandexとGoogleに目標を追加します。 Yandexメトリックスでは、ターゲット識別子は「forms_akciya」です。Googleアナリティクスでは、識別子「forms」、「akciya」を持つイベント

2.5。 コードがデータを送信することを理解する方法は？

デバッグツールがない場合、プログラマーはコードを書くことは不可能だと言うでしょう。 誰もがこのことを知っているわけではありませんが、ここにはデバッグツールがあります。



2.5.1。 Yandex.Metricaでのデバッグ

データがYandex.Metricaに送信されるかどうかを確認するには、目標を設定するサイトのアドレスを入力し、ブラウザーのアドレスバーにデバッグパラメーターを追加する必要があります： www.site.ru / ?_ym_debug=1

コードインスペクターの「コンソール」タブを開きます。 サイトでターゲットアクションを実行すると、データが送信されているというメッセージが表示されます。







2.5.2。 Google Analyticsでのデバッグ

Google Analyticsでは、データが分析に送信されているかどうかを確認する方法が少し異なります。 これを行うには、「リアルタイム」->「イベント」のレポートがあります







このレポートを見ると、サイトでターゲットアクションを実行すると、すぐに視覚的な表示が見られます。 そうでない場合は、何かが間違っています。



2.5.3。 Googleタグマネージャーでのデバッグ

信じられないが、本当ですが、GTMにはデバッグシステムもあります。

[公開]ボタンの横のインターフェースで、矢印をクリックします。 開いたメニューで、「プレビューとデバッグ」を選択します。





デバッグモードに切り替えた後、同じブラウザで、目標を設定するサイトを開く必要があります。 GTMデバッグパネルが同じウィンドウで開きます。





ここには、Googleタグマネージャーがキャプチャするすべてのイベントと、これらのアクションに対してアクティブ化されたタグが表示されます。



3.あとがきの代わりに...

目標を設定するための一般的な正しいスキームを把握し、実際のプロジェクトの2つの目標を設定する手順を検討しました。

最後に、いくつかのヒントを示します。

-各ステップの後に、すべてが徐々に行われ、正常に動作することを確認して、すべてを徐々に行います。

-GoogleとYandexの識別子は同じスペルで同じことを行います。 Yandexの識別子が「forms_zvonok」の場合、Googleの識別子は「forms」、「zvonok」である必要があります。そうでない場合、混乱が生じます。

-目的のためにわかりやすい名前を付けます。 名前は、それらを見ている人がこれらの目標が何であるかを伝えることができるようなものでなければなりません。 たとえば、「電話の注文」フォームを送信するときにターゲットがトリガーされる場合、名前を「フォーム-電話の注文」とします。 [オーダーコール]ボタンをクリックしたときにターゲットがトリガーされ、フォームを送信したかどうかが関係ない場合は、ターゲットに「ボタン-オーダーコール」と名前を付けます。 または、他の明確な命名規則を考え出します。

-識別子の名前にはラテン小文字とアンダースコアのみを使用します。 したがって、書面で間違いを犯す可能性が低くなり、バグを探すのに余分な時間を費やすことはありません。

-目標設定表などに行ったことをすべて書き留めてください

-最初は、少ないことをお勧めしますが、多くの場合よりも明確に機能することをお勧めしますが、1回おきに機能し、どのように機能するかは明確ではありません。



PS：コメントに感謝します:-)