棚にあるすべて：Rambler / top-100を使用したインターネット上のテーマ別Web分析、パート2。ブロック分析

Rambler / top-100を使用したサイト訪問者の行動の研究に関する一連の記事を続けます。 前回、「サイトセクション」レポートを使用して、サイト上のさまざまなコンテンツの人気を評価する方法について説明しました。 次に、さまざまなページ要素の有効性を評価するとともに、コンテンツの相互プロモーション（推奨システムなど）の有効性を調べ、見出しの有効性を分析します。



製品やプロジェクトを管理するかどうかに関係なく、すべてのマネージャーは、自分が制御するWebサイトインターフェイスがどのように機能するかについてすべてを知りたいと考えています。 まず、簡単な質問が発生します。特定のページをクリックする場所はどこですか？ このインターフェイスユニットは、それ自体でどのように機能しますか。また、隣接するインターフェイスユニットと比較して、クリック可能性はどの程度ですか。 ターゲットボタンのクリック率はいくらですか？



原則として、コンテンツサイトの各ページは他のページと密接に関連しています。訪問者を維持するために、常に興味深いコンテンツを提供し、サイトでの時間と閲覧の深さを増やすことが重要です。 1つ上のレベルに進み、見出しの見出しのクリック率（CTR）、素材の見出し、推奨事項のブロック、ページの他のナビゲーション要素など、他のパラメーターでコンテンツの人気を評価してみましょう。 Rambler / Top-100には、このような評価に便利なツールがあります。「ブロック分析」レポートには、インプレッションのブロック、クリックのブロック、クリック率（クリック率）の3つの指標があります。

Rambler / Likeレポートの例を使用したブロック分析

2016年、RamblerはソーシャルメディアボタンのデザイナーRambler / Likeをリリースしました 。 Rambler / likesの例、「Block Analytics」の仕組みを見てみましょう。 しかし、最初に、いいね！ Rambler / Likeコンストラクターでは、さまざまなソーシャルネットワークを選択し、ボタンの外観とその動作をカスタマイズできます。最後に、ボタンをサイトに挿入するウィジェットコードを取得できます。 Likesを設計するとき、ウィジェットユーザーがインストールされたボタンの統計を表示できるようにしたいと考えました。 Rambler /トップ100で利用可能なユーザー行動に関するデータを収集するすべてのツールの中で、選択は「ブロック分析」にありました。これを使用すると、必要な詳細を備えた各ページのボタンのクリック可能性に関する情報を取得できます。



元のウィジェットのボタンには、ランブラー共有データ属性が既にマークされています。この属性は、トップ100カウンターで表示できます。 トップ100カウンターとソーシャルネットワークボタンがWebサイトにインストールされている場合、ボタンのデータは「行動/ランブラー/いいね」レポートで確認できます。



Likesウィジェットがインストールされたページがロードされると、 bl-イベントがTop-100カウンターに渡されます。このカウンターには、 rambler-share :: domain :: page_url :: social_networkなどのソーシャルネットワークボタンパラメーターが含まれます。 任意のボタンをクリックすると、 clイベントには同じパスが残ります。 その結果、Rambler / Likeレポートでは、サイトの各ページの各ソーシャルネットワークボタンのインプレッション、クリック、CTRが表示されます。



ボタンを使用してソーシャルネットワークへの送信試行の総数を確認できるように、クリックデータは次の各レベルで要約されます。 1つのカウンターが複数のドメインにある場合、ドメインごとの統計を表示できます。 上位レベルのインプレッションデータは、サブレベル間の最大値と、短縮パス（サブレベルなし）のチェーンのインプレッション値を合計して計算されます。 Rambler / Likeウィジェットの場合、ウィジェットは全体として機能するため、通常の操作ではボタンがない状況は不可能なので、これは関係ありません。



必要に応じて、レベルを手動でマークアップに追加して、より詳細なデータを収集できます。 たとえば、Rambler / Newsで行われているように、3つのLikesウィジェットがページの異なる部分にインストールされ、ブロックの場所を指定してトップレベルがマークアップに追加されます。 これにより、各ボタンウィジェットの統計を個別に表示し、それらを相互に比較できます。







今後、ブロックをマークするときに既存のページ構造を使用できることに注意してください。各divに対して、階層に対応するマークアップレベルを指定します。 さらに、この方法をさらに詳しく検討します。

マークアップの詳細

上記の例からわかるように、「ブロック分析」レポートを使用して、ページ上のさまざまな要素のクリック可能性を分析できます。 実際、これはサイトのすべてのページで管理するクリックマップです。どの要素が重要で、どのように階層的に並べられるかを選択し、CTRの詳細な統計を取得します。

もちろん、これは魔法ではありません。データ収集のために、少し回避する必要があります。対象のブロックをデータ属性でマークし、attributes_datasetパラメーターの値としてカウンター初期化コードに渡します。 このパラメーターを指定すると、Top-100 usability.jsカウンターモジュールがサイトにアップロードされ、データの収集が開始されます。 マークアップされたブロックで収集するためのコードは別のモジュールで接続されているため、Top-100カウンターの簡素化されたバージョンは可能な限り簡単です。



次に、データの収集方法について説明します。 ページがロードされると、カウンターは渡されたデータ属性を「リッスン」し、ロードされたマークアップされたブロックの表示をキャプチャします。 このような「リスニング」は、後でダウンロードされる要素の表示を収集するために、ページ表示ごとに数回発生します。 クリックは、訪問者の対応するアクションとともに直接記録されます。 「Block Analytics」レポートは階層構造です。最上位レベルには、送信されたデータ属性が表示され、各属性は最大8レベルのツリーに展開できます（深さは構成されたレイアウトによって異なります）。 いくつかのレベルは、複雑な階層構造を持つページに役立ちます。そのためには、特定のリンクとリンクを持つブロック全体の両方の有効性を測定する必要があります。 CTRは、各レベルでのインプレッションに対するクリックの比率として計算されます。 「Block Analytics」モジュールの接続を使用したカウンター初期化コードの例は少なくなりますが、ここではマークアップ自体について説明します。







紙の上でマークアップを設計することから始めてから、サイトで実装を進めることをお勧めします。 まず、データ収集の目標を特定する価値があります。 たとえば、サイトとそのページの有効性を評価するのに十分ではない情報は何ですか？ 評価のための十分なデータを取得するために、どの訪問者の行動を収集する必要があるかについての情報？ 収集されたデータはあなたの質問に答え、読みやすくする必要があります。そのため、最適な数の属性を選択し、必要なすべてのレベルに明確な名前を付けることが重要です。 このアプローチは、「すべてをマークアップしてから、それを把握します」という原則として、将来的には多くの質問とマークアップの変更につながります。 これにより、長期間にわたってレポートが読めなくなります。同じデータが異なるブランチで収集されます。 同じことは、後でレポートを操作するマネージャーではなく開発者がマークアップを作成するオプションにも当てはまります。 失敗した名前を選択する場合、数週間で1つまたは別のパラメーターで収集されたデータとそれらが必要な理由を思い出すことが困難になる可能性があります。

マークアップを設定し、結果を解釈します

学生と保護者向けのコンテンツサイトを使用したサイクルの最初の記事の例に戻りましょう。 記事のメインページと標準ページの2つのページのレイアウトを検討します。 メインページに次のセマンティックブロックがあると仮定します。ヘッダー、ナビゲーションバー、一般的な資料、新しい資料、推奨事項、パートナーからの資料。 記事ページ：ヘッダー、ナビゲーションバー、推奨事項、同じセクションの人気のある素材、人気のある素材（メインページと同じ）、新しい素材。







たとえば、サイトの所有者は次の質問に対する回答を見つけたいと考えています。

メインページと記事ページでクリックできる素材ブロックはどれですか？ 材料のどのセクションがより注目を集めていますか？ 各セクションは、推奨ブロックからいくつの遷移を受け取りますか？ どのセクションの記事がより多くの紹介を提供しますか？



これには、次の階層を使用できます。メインページ/セクション名::ブロック名（メニュー、推奨事項、人気、新規）::素材リンクがつながるセクション::ルブリック::素材名/セクション名（メニュー用）



上位レベルはデータ属性で設定できます。 この場合の唯一の不都合は、日付属性をラテン文字で指定する必要があることです。 マークアップ自体は次のようになります。middleands Senior ::推奨事項::入場::大学の選択::モスクワ州立大学に入学する10の理由。



データ属性のすべての値をカウンター初期化コードに転送する必要があります。

<!-- Top100 (Kraken) Counter --> <script> (function (w, d, c) { (w[c] = w[c] || []).push(function() { var options = { project: PROJECT_ID, attributes_dataset: ['main', 'primary', 'middleandsenior', 'graduation', 'materials'] }; try { w.top100Counter = new top100(options); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//st.top100.ru/top100/top100.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(window, document, "_top100q"); </script>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

レポートは次のようになります。







この場合、データ属性の名前はセクションの名前に対応します。 ブロックレイアウトは、2つの方法で送信できます。各ネストレベルで、フルパスを渡すか、ページの論理階層を使用します。 たとえば、セクション「中高等学校」の材料ページの推奨ブロックの記事「モスクワ州立大学に入学する10の理由」へのリンクの場合、マークアップは次のようになります。モスクワ州立大学。



または：

 <div data-middleandsenior=''> <div data-middleandsenior=''> <div data-middleandsenior=' > <a href='link' middleandsenior='10    '>10    </a> </div> </div>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

このマークアップのおかげで、異なるブロック内のリンクの全体的なクリック可能性を比較し、ページの各セマンティックブロックで最も人気のあるセクションの資料を簡単に確認できます。 異なるセクションのページの全体的なクリック可能性を比較することもできます。

そもそも、さまざまなセクションの素材の人気を比較したい場合、階層を次のように変更できます。マテリアル名/セクション名（メニュー用）。



ブロック分析を使用して、ヘッダーをテストできます。 記事の5つのオプションから1つの見出しを選択することがタスクであるとします。 この実験では、同じユーザーには常に同じ見出しが表示され、ユーザーのサンプルは同じで均一であると想定しています。 また、各見出しがほぼ同じ回数表示されるように、推奨ブロック内の記事が回転していると想定しています。 このタスクには、次のマークアップが適しています。

-タイトル1 ::ブロック名（メニュー、推奨事項、人気、新規）::メインページ/セクション名

-見出し2 ::ブロック名（メニュー、推奨事項、人気、新規）::メインページ/セクション名

-タイトル3 ::ブロックの名前（メニュー、推奨事項、人気、新規）::ホーム/セクション名

など



複数の記事の見出しを同時にテストする場合、記事IDを上位レベルに追加することは理にかなっています。

-記事1 ::タイトル1 ::ブロックのタイトル（メニュー、推奨、人気、新）::ホーム/セクションのタイトル

-記事1 ::タイトル2 ::ブロックのタイトル（メニュー、推奨、人気、新）::ホーム/セクションのタイトル

-記事2 ::タイトル1 ::ブロックのタイトル（メニュー、推奨、人気、新）::ホーム/セクションのタイトル

-記事2 ::タイトル2 ::ブロックのタイトル（メニュー、推奨、人気、新）::ホーム/セクションのタイトル

など



ところで、このようなマークアップが存在することで、テストが正しく実行されることが保証されます-各ヘッダーのインプレッションの総数はほぼ同じになるはずです。 ヘッダーごとにインプレッション値が大きく異なる場合は、テストが正しく構成されていない可能性があります。

最終レポートでは、さまざまな記事の見出しのCTRを比較し、どのブロックでどの見出しがより効果的であったかを確認できます。

TL; DRまたは要約

Rambler / top-100は、インターフェイス要素のクリック可能性を分析するためのシンプルなツール、「ブロック分析」レポートを提供します。 追加のモジュールコールをTop-100カウンター初期化コードに追加し、必要なサイト要素をマークアップすることにより、統計を収集し、次の問題を解決できます。

• ページまたはボタンのターゲットブロックのクリック可能性を評価し、それらのCTRを比較します。
• 材料のさまざまな見出しの有効性を分析します。
• 推奨事項のブロックのCTRとその中の特定の位置を調査する。
• 同じブロックが異なるページでどのように機能するか、クリック可能性が時間とともにどのように変化するかを調べます。
• A / Bまたは多変量テストで同じタイプの要素のクリック可能性を比較します。

マークアップの詳細については、Top-100 JavaScriptカウンターを使用するためのドキュメント 、またはカウンターへのデータ転送プロトコルを直接使用するためのドキュメントを参照してください。 まだ質問がある場合は、お問い合わせください 。