web-dev-qa-db-ja.com

GoogleアナリティクスでFacebookインスタント記事のコンテンツ統計を追跡する方法

こんにちは、FacebookのFacebookインスタント記事フィードを設定しました。

サイト運営者向けのFacebookのインスタント記事機能（主にFB iOSアプリでロールアウトされる2016年30月3日）により、Googleアナリティクスコードによる追跡が可能になります。ただし、指示に従ってGAコードを実装した後でも、GAでFBインスタント記事の紹介やその他の情報を見つけることができません。 Facebookインスタント記事のコンテンツの消費に関するGAのどこに情報があるのか​​を正確に理解できる人はいますか？参照ソースまたはホスト名として表示されますか？インスタント記事はFB内で開きます。

facebookfacebook-instant-articles
9
aimiliano

彼らのドキュメントによると https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingCampaigns#generalCampaign 分析スクリプトを通じてソース、メディア、タイトルを設定することが可能です。 FBアプリのIAのページタイトルがnullの場合に設定する必要があるタイトル。

コード内の大文字は、静的または動的な値で更新されることに注意してください。

<figure class="op-tracker"> 
    <iframe hidden>
        <script>
            (function (i,s,o,g,r,a,m) {i['GoogleAnalyticsObject']=r;i[r]=i[r]||function () {(i[r].q=i[r].q||[]).Push(arguments)},i[r].l=1*new Date();a=s.createElement(o),                         m=s.getElementsByTagName(o)0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-   analytics.com/analytics.js','ga');
            ga('create', 'ANALYTICS ID', 'auto');
            ga('require', 'displayfeatures');
            ga('set', 'campaignSource', 'Facebook');
            ga('set', 'campaignMedium', 'Social Instant Article');
            ga('set', 'title', 'POST TITLE OR THE TITLE YOU WANT'); 
            ga('send', 'pageview');
        </script>
    </iframe>
</figure>

繰り返しますが、大文字の単語は実際の値に置き換えられることに注意してください。楽しめ。

13
neoplomero

これは一般的な問題のようですので、ここで詳細を説明します。

最初に、アナリティクスで使用しているコードを確認してください。ここで提供される最初の答えは、Google GA.JSコードを使用してコードを貼り付けましたが、今日の多くのWebサイトは新しいAnalytics.JSコードを使用しています（私の場合）。だから私の提案はあなたのGAコードをあなたのウェブサイトから、またはGAパネルからコピーすることです。

2番目、GAコードがインスタント記事のRSSフィードに正しく渡されているかどうかを確認します（私はあなたがWordpressプラグインでRSSを作成する）を使用しています。新しいanalytics.jsメソッドを使用している場合、RSSフィード内のコード（記事ごと）は次のようになります。

<!-- Adding tracking if defined -->
<figure class="op-tracker">
    <iframe>
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).Push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
            ga('create', 'YOUR_GA_ID', 'auto');
            ga('send', 'pageview');
        </script>
    </iframe>
</figure>

3番目、アナリティクスコードを追加する前に、記事がすでにFacebookインスタント記事プロダクションリストにあった場合、それらはコードを更新/ロードしません。テストする最良の方法は、記事を編集し（句読点を単純に変更するだけで十分です）、ワードプレスで再発行することです。次にFacebookのIAパネルに移動し、ConfigurationをクリックしてRSSをリロード/再構築します。少し待ってから、投稿が更新される（日付の変更が表示される）I.Aのリストを確認し、編集オプションで開き、コードの最後で確認します。あなたのGAコードがそこにあるはずです。

したがって、すべてが良好であれば、最後のステップ（少なくとも私にとっては）はFacebookの古いインスタント記事をすべて削除することです（私はまだ公開していない場合）、RSSフィードを[設定]領域に再読み込みすると、GAコードを使用して記事が再構築されます。

お役に立てれば。

PS：Automatticのプラグインを使用してWPからのIAを公開していますが、これは単なるゴミです。問題が発生しない簡単な方法が1つあります。 https：/ /wordpress.org/plugins/allfacebook-instant-articles/

2
Felipe Spengler

残念ながら、他の答えはすべて、おそらく人々を混乱させるようなある種の混乱を伴います。これは、「ga.js」（古いものですが、Urchinにはさらに古いものもありますが）ではなく、UNIVERSAL ANALYTICS（新しいもの）を使用する堅固で最新のソリューションの試みです。 .jsだれも使用しなくなりました）。

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).Push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'YOUR_UID_REPLACE_THIS', 'auto');
  ga('require', 'displayfeatures');
  ga('set', 'campaignSource', 'Facebook');
  ga('set', 'campaignMedium', 'Social Instant Article');
  ga('set', 'title', ia_document.title);
  ga('send', 'pageview');

</script>
  • YOUR_UID_REPLACE_THIS：明らかにあなたの個人的なGAここにコードを入れてください。
  • campaignSource：GAでは「ソース」として表示されます。
  • campaignMedium：GAでは「中」と表示されます。
  • ia_document.title：これは、タイトルにFB javascript変数を使用します。

これまでのところ、タイトルはこのコードで正常に置き換えられています。

Analyticsの「リアルタイム」レポートでこれをテストしようとすると、非常に混乱した経験がありました。複数の投稿が同じタイトルで表示されていましたが、全体的にはうまく機能していると思います。

  • 「タイトル」フィールドをテストするには：REAL-TIME> BEHAVIOR
  • 「ソース」と「メディア」フィールドをテストするには：REAL-TIME> TRAFFIC SOURCES

GAのAcquisitionsセクションの下にあるトラフィックを確認するには、Acquisitions> Source/Mediumに移動します。ソース（facebookからのいくつかの異なるものを含む）。

[〜＃〜] flaw [〜＃〜]（他のすべてのソリューションと共有）-残念ながら、私のソリューションはIAトラフィックを獲得>ソーシャル> Facebookレポート。さらに悪いことに、Acquisitions> Socialレポートには表示されません。悲しいことに、それは獲得>その他で失われ、私たちのほとんどにとって、全体的に混乱したソーシャルレポートを意味します。

  • 「ソーシャル」チャネルには、他のチャネルと同様、非常に正確なsource / medium値のセットがあり、Facebookなどのさまざまなカテゴリにフィルタリングされます。
  • 明らかに、Facebook / Social Instant Articleはそのリストに含まれていません。
  • 詳細については この特定の問題について私が作成したこの別のStackOverflowの投稿 を参照してください。ここで私の例を更新して、ベストプラクティスであることが判明したものをすべて追加します。

Ia_document.titleコードのソース： https://developers.facebook.com/docs/instant-articles/analytics

1
jerclarke

私はディメンションを使用してそれを実行しましたが、特にリードを追跡している場合は、より良いプラクティスだと思います。

<figure class="op-tracker">
  <iframe>
    <script>
            (function (i,s,o,g,r,a,m) {i['GoogleAnalyticsObject']=r;i[r]=i[r]||function () {(i[r].q=i[r].q||[]).Push(arguments)},i[r].l=1*new Date();a=s.createElement(o),                         m=s.getElementsByTagName(o)0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-   analytics.com/analytics.js','ga');
            ga('create', 'ANALYTICS ID', 'auto');
            ga('require', 'displayfeatures');
            ga('send', 'pageview', {
               'dimension3': 'Facebook Instant Article'
            });
    </script>
  </iframe>
</figure>

次に、GAの管理でdimension3を作成し、dimension3が「Facebook Instant Article」の値を持つセグメントを作成します。この方法で、実際の目的のためにキャンペーンのソースとメディアを保持できます。

0
Tom Toms

ここでの回答のほとんどは、ハードコーディングcampaignSourceおよびcampaignMediumについて言及しています。

これを行うと、分析でUTMタグを使用した特定のキャンペーンの記録が失われます。また、Googleアナリティクスは、インスタント記事へのすべてのトラフィックをキャンペーンとして扱い、数値は「ソーシャル」トラフィックに分類されません。

解決策は、referrerをhttps://i.facebook.com/に設定することです。このGoogle Analyticsを使用すると、Facebookからのトラフィックが処理され、「ソーシャル」トラフィックのように動作します。

Instant Articleトラフィックと通常のFacebookトラフィックを区別するには、referrerでフィルタリングするか、カスタムディメンションを追加します。

XX-Xと次のスニペットを変更することを忘れないでください。

<!-- Google Analytics Tracker -->
      <figure class="op-tracker">
          <iframe src="" hidden>
            <script>
              (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
              (i[r].q=i[r].q||[]).Push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
              m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
              })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

              ga('create', 'UA-472932XX-X', 'auto');
              ga('set', 'referrer', 'https://i.facebook.com/');
              ga('send', 'pageview', {title: "<page-title>"});
            </script>
          </iframe>
      </figure>
0
Rishi Ranjan

同じ問題に遭遇しました。これが機能するのはここです：

分析コードのソースへのURL

分析コードを特定のURLから直接提供できる場合は、要素のsrc属性を使用してURLを指定できます。

<figure class="op-tracker">
    <iframe src="https://www.myserver.com/trackingcode"></iframe>
</figure>

（ソース： https://developers.facebook.com/docs/instant-articles/reference/analytics ）

現在わからないのは、 拡張Analyticsコードを使用する場合ページタイトルを取得する方法

0
Funana

以前のすべての回答と解決策をありがとう。彼らは私に私の学んだことと解決策を this public Gist に要約するように促しました。

Googleのグローバルサイトタグ（gtag.js） を使用してページビューを追跡し、Googleアナリティクスのソーシャルメディアに正しく関連付けています。

次のスニペットは、私にとって何が効果的かを示しています。ジンジャテンプレート（ Nunjucks を使用）を使用して、必要なデータと欠落しているデータ（例：{{googleAnalytics}}）。

<figure class="og-tracker">
  <iframe>
    <script async src="https://www.googletagmanager.com/gtag/js?id={{googleAnalytics}}"></script>
    <script type='text/javascript'>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.Push(arguments);}
      gtag('js', new Date());
      gtag('config', '{{googleAnalytics}}', {
        'page_title': '{{articleTitle}}',
        'page_path': '/{{articlePath}}', // The path portion of location. This value must start with a slash (/) character. (optional, but recommended)
        'page_location': '{{articleUrl}}', // page's URL (optional, but recommended)
        'campaign': {
          'source': 'ia.facebook.com', // utm_source
          'medium': 'referral', // utm_medium
          'name': 'Facebook Instant Articles' // utm_campaign
        },
      });
    </script>
  </iframe>
</figure>

このようにフィードに埋め込みました

<figure class="op-tracker">
    <iframe src="https://www.example.com/fia-google-analytics-tracking.html"></iframe>
</figure>

実装ドキュメント

0
natterstefan

以下のソリューションを使用しています（少し異なります）が完全に機能しています。

<figure class="op-tracker">
<iframe>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).Push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-9999999-9', 'mydomain.com');
ga('require', 'displayfeatures');
ga('set', 'campaignSource', 'Facebook');
ga('set', 'campaignMedium', 'Social Instant Article');
ga('set', 'title', 'My post title here');
ga('send', 'pageview');
</script>
</iframe>
</figure>
0
Gustavo Tarchiani