{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-@l10n/ja/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":[]},"type":"markdown"},"seo":{"title":"Google Accelerated Mobile Pages Amp","description":"Google AMPでTreasure AIを使用してページビューを追跡する方法と、amp-analyticsコンポーネントの設定手順を解説します。","siteUrl":"https://docs.treasure.ai","lang":"en-US","jsonLd":{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.treasure.ai/","name":"Treasure AI","url":"https://www.treasure.ai/","logo":"https://www.treasure.ai/hubfs/assets/images/logos/primary-logo.svg"},{"@type":"WebSite","@id":"https://docs.treasure.ai/#website","name":"Treasure AI Documentation","url":"https://docs.treasure.ai/","inLanguage":["en","ja"],"publisher":{"@id":"https://www.treasure.ai/"}}]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"google-accelerated-mobile-pages-amp","__idx":0},"children":["Google Accelerated Mobile Pages Amp"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Treasure Dataは、Google Accelerated Mobile Pages (AMP) を使用してユーザーを追跡できます。",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://www.ampproject.org/docs/ads_analytics/analytics-vendors#treasure-data"},"children":["Treasure Data AMP コンポーネント"]},"を使用すると、AMPコンポーネントからデータを簡単に送信できます。"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["このコンポーネントは、デフォルトのプロパティを自動的に収集し、顧客を追跡します。Treasure Dataは、",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://www.ampproject.org/docs/ads_analytics/analytics-vendors#treasure-data"},"children":[{"$$mdtype":"Tag","name":"em","attributes":{},"children":["amp-analytics"]}," コンポーネント"]},"によってサポートされている公式のAnalyticsベンダーの1つです。"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"前提条件","__idx":1},"children":["前提条件"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Treasure Dataの基本的な知識"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["JavaScript / HTML / AMP Scriptの基本的な知識"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"はじめに","__idx":2},"children":["はじめに"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://www.ampproject.org/"},"children":["Google AMP"]},"を初めて使用する場合は、",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://www.ampproject.org/docs/getting-started/"},"children":["クイックスタート"]},"ガイドを参照してください。"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["独自のAMPページが起動して実行されたら、閉じタグ*",{"$$mdtype":"Tag","name":"em","attributes":{},"children":["の前に"]},"amp-analytics*コンポーネントを含めます。",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://www.ampproject.org/docs/reference/components/amp-analytics"},"children":["amp-analytics"]},"は、AMPドキュメントから分析データをキャプチャするためのAMPコンポーネントです。"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"javascript","header":{"controls":{"copy":{}}},"source":"<script async custom-element=\"amp-analytics\" src=\"https://cdn.ampproject.org/v0/amp-analytics-0.1.js\"></script>\n","lang":"javascript"},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["次のように",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["<amp-analytics type=\"treasuredata\" id=\"treasuredata\">"]},"を使用して、ページビューを自動的に収集します:"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"javascript","header":{"controls":{"copy":{}}},"source":"<amp-analytics type=\"treasuredata\" id=\"treasuredata\">\n<script type=\"application/json\"> \n{\"vars\": { \"host\": \"in.treasuredata.com\", \"writeKey\": \"YOUR_WRITE_ONLY_APIKEY_IS_HERE\",      \"database\": \"DATABASE_NAME\" }, \"triggers\": { \"trackPageview\": { \"on\": \"visible\",\"request\": \"pageview\", \"vars\": { \"table\": \"pageviews\" }, \"extraUrlParams\": {\"example_param1\": \"123\",          \"example_param2\": 456}}}}\n</script>\n</amp-analytics>\n","lang":"javascript"},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["APIキーは、プロフィールページのTreasure コンソールから取得できます。SDKには書き込み専用APIキーを使用することをお勧めします。各イベントは非同期で実行されます。"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"自動的に収集されるデフォルトパラメータ","__idx":3},"children":["自動的に収集されるデフォルトパラメータ"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["各ページビューとイベント呼び出しで、いくつかのパラメータが自動的に収集されます。"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_client_id – ファーストパーティCookie ID"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_charset – 文字セット"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_language – ブラウザ言語"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_color – 画面の色深度"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_screen – 画面解像度"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_viewport – ビューポートサイズ"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_title – ドキュメントタイトル"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_url – ソースドキュメントURL"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_user_agent – ブラウザユーザーエージェント"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_host – ドキュメントのソースホスト"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_path – ドキュメントのソースパス名"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_platform – ブラウザプラットフォーム"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_referrer – ドキュメントリファラー"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_ip – リクエストIP(サーバー)"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["td_global_id - サードパーティCookie ID"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"カスタムパラメータ","__idx":4},"children":["カスタムパラメータ"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["カスタムパラメータを設定する場合は、",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://github.com/ampproject/amphtml/blob/main/docs/spec/amp-var-substitutions.md"},"children":["AMP HTML URL Variable Substitutions"]},"を使用してextraUrlParamsで指定します。"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"javascript","header":{"controls":{"copy":{}}},"source":"<amp-analytics type=\"treasuredata\" id=\"treasuredata\"><script type=\"application/json\">  {    \"vars\": {      \"host\": \"in.treasuredata.com\",      \"writeKey\": \"YOUR_WRITE_ONLY_APIKEY_IS_HERE\",      \"database\": \"DATABASE_NAME\"    },    \"triggers\": {      \"trackPageview\": {        \"on\": \"visible\",        \"request\": \"pageview\",        \"vars\": {          \"table\": \"pageviews\"        },        \"extraUrlParams\": {          \"example_param1\": \"123\",          \"example_param2\": 456        }      }    }  }</script></amp-analytics>\n","lang":"javascript"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"カスタムイベント","__idx":5},"children":["カスタムイベント"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["上記のJSONは、",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://github.com/ampproject/amphtml/blob/main/extensions/amp-analytics/amp-analytics.md"},"children":["amp-analytics spec"]},"に基づいています。",{"$$mdtype":"Tag","name":"em","attributes":{},"children":["on"]},"属性を使用して、イベントトリガーがどこで発火するかを指定できます。以下の例では、Webサイト訪問者が要素をクリックしたときにイベントを収集します。"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"javascript","header":{"controls":{"copy":{}}},"source":"<amp-analytics type=\"treasuredata\" id=\"treasuredata\">\n  <script type=\"application/json\">\n    {\"vars\": {\"host\":\"in.treasuredata.com\", \"writeKey\": \"YOUR_WRITE_ONLY_APIKEY_IS_HERE\", \"database\": \"DATABASE_NAME\"},\"triggers\": {\"trackPageview\": {\"on\": \"visible\",\"request\": \"pageview\",\"vars\": {\"table\": \"pageviews\"},\"extraUrlParams\": {\"foo\": \"123\"}},\"trackClick\": {\"on\": \"click\",\"request\": \"event\",\"vars\": {\"table\": \"events\"},\"extraUrlParams\": {\"type\": \"click\",\"bar\": 789 }}}}\n  </script>\n</amp-analytics>\n","lang":"javascript"},"children":[]}]},"headings":[{"value":"Google Accelerated Mobile Pages Amp","id":"google-accelerated-mobile-pages-amp","depth":1},{"value":"前提条件","id":"前提条件","depth":2},{"value":"はじめに","id":"はじめに","depth":2},{"value":"自動的に収集されるデフォルトパラメータ","id":"自動的に収集されるデフォルトパラメータ","depth":2},{"value":"カスタムパラメータ","id":"カスタムパラメータ","depth":2},{"value":"カスタムイベント","id":"カスタムイベント","depth":2}],"frontmatter":{"seo":{"title":"Google Accelerated Mobile Pages Amp","description":"Google AMPでTreasure AIを使用してページビューを追跡する方法と、amp-analyticsコンポーネントの設定手順を解説します。"}},"lastModified":"2026-06-17T07:22:53.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/ja/int/google-accelerated-mobile-pages-amp","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}