タグマネージャーを設定してプレビューを見ると「Container Loaded」「DOM Ready」「Window Loaded」という順番で読み込みされています。
コンテナのプレビューとデバッグ - タグ マネージャー ヘルプ
タグ構成が想定どおりに動作しているかどうかを確認します。Googleタグマネージャーのプレビューとデバッグモードでは、現在のドラフトコンテナが設定されているかのようにコンテナコードが実装されているサイトを参照できるため、コンテナ設定が公開される前にテストできます。プレビュー対象のサイトはTagAssistantに接続さ...
support.google.com
１ Container Loaded
GTMタグが読み込まれたタイミング。
「Container Loaded」では、下記のような値（Variables）が取得できます。※予め組み込み変数を全てONにしています。
Variable Variable Type Return Type Value _event カスタム イベント string ‘gtm.js’ _triggers データレイヤーの変数 string ” Click Classes データレイヤーの変数 undefined undefined Click Element データレイヤーの変数 undefined undefined Click ID データレイヤーの変数 undefined undefined Click Target データレイヤーの変数 undefined undefined Click Text 自動イベント変数 undefined undefined Click URL データレイヤーの変数 undefined undefined Container ID コンテナ ID string ‘GTM-XXXXXXX’ Container Version コンテナのバージョン番号 string ‘QUICK_PREVIEW’ Debug Mode デバッグモード boolean true Error Line データレイヤーの変数 undefined undefined Error Message データレイヤーの変数 undefined undefined Error URL データレイヤーの変数 undefined undefined Event カスタム イベント string ‘gtm.js’ Form Classes データレイヤーの変数 undefined undefined Form Element データレイヤーの変数 undefined undefined Form ID データレイヤーの変数 undefined undefined Form Target データレイヤーの変数 undefined undefined Form Text 自動イベント変数 undefined undefined Form URL データレイヤーの変数 undefined undefined Google アナリティクス設定 Google アナリティクス設定 object { useEcommerceDataLayer: false, doubleClick: true, setTrackerName: false, useDebugVersion: false, useHashAutoLink: true, decorateFormsAutoLink: true, enableLinkId: true, enableEcommerce: true, trackingId: ‘UA-XXXXXXX-1’, fieldsToSet: [{fieldName: ‘cookieDomain’, value: ‘auto’}] } History Source データレイヤーの変数 undefined undefined HTML ID HTML ID array [‘u’, ‘n’, ‘d’, ‘e’, ‘f’, ‘i’, ‘n’, ‘e’, ‘d’] New History Fragment データレイヤーの変数 undefined undefined New History State データレイヤーの変数 undefined undefined Old History Fragment データレイヤーの変数 undefined undefined Old History State データレイヤーの変数 undefined undefined On-Screen Duration データレイヤーの変数 undefined undefined Page Hostname URL string ‘eguweb.jp’ Page Path URL string ‘/’ Page URL URL string ‘https://eguweb.jp/?gtm_debug=x’ Percent Visible データレイヤーの変数 undefined undefined Random Number 乱数 number XXXXXXXXXX Referrer HTTP 参照 string ‘https://XXXXXXXX.XXXXX.com/’ Scroll Depth Threshold データレイヤーの変数 undefined undefined Scroll Depth Units データレイヤーの変数 undefined undefined Scroll Direction データレイヤーの変数 undefined undefined Video Current Time データレイヤーの変数 undefined undefined Video Duration データレイヤーの変数 undefined undefined Video Percent データレイヤーの変数 undefined undefined Video Provider データレイヤーの変数 undefined undefined Video Status データレイヤーの変数 undefined undefined Video Title データレイヤーの変数 undefined undefined Video URL データレイヤーの変数 undefined undefined Video Visible データレイヤーの変数 undefined undefined
２ DOM Ready
ブラウザがHTMLソースを読み込んだタイミング。
「DOM Ready」では、下記のような値（Variables）が取得できます。
| Variable | Variable Type | Return Type | Value |
|---|---|---|---|
| _event | カスタム イベント | string | ‘gtm.dom’ |
| _triggers | データレイヤーの変数 | string | ” |
| Click Classes | データレイヤーの変数 | undefined | undefined |
| Click Element | データレイヤーの変数 | undefined | undefined |
| Click ID | データレイヤーの変数 | undefined | undefined |
| Click Target | データレイヤーの変数 | undefined | undefined |
| Click Text | 自動イベント変数 | undefined | undefined |
| Click URL | データレイヤーの変数 | undefined | undefined |
| Container ID | コンテナ ID | string | ‘GTM-XXXXXXX’ |
| Container Version | コンテナのバージョン番号 | string | ‘QUICK_PREVIEW’ |
| Debug Mode | デバッグモード | boolean | true |
| Error Line | データレイヤーの変数 | undefined | undefined |
| Error Message | データレイヤーの変数 | undefined | undefined |
| Error URL | データレイヤーの変数 | undefined | undefined |
| Event | カスタム イベント | string | ‘gtm.dom’ |
| Form Classes | データレイヤーの変数 | undefined | undefined |
| Form Element | データレイヤーの変数 | undefined | undefined |
| Form ID | データレイヤーの変数 | undefined | undefined |
| Form Target | データレイヤーの変数 | undefined | undefined |
| Form Text | 自動イベント変数 | undefined | undefined |
| Form URL | データレイヤーの変数 | undefined | undefined |
| Google アナリティクス設定 | Google アナリティクス設定 | object | { useEcommerceDataLayer: false, doubleClick: true, setTrackerName: false, useDebugVersion: false, useHashAutoLink: true, decorateFormsAutoLink: true, enableLinkId: true, enableEcommerce: true, trackingId: ‘UA-XXXXXXXXX-1’, fieldsToSet: [{fieldName: ‘cookieDomain’, value: ‘auto’}] } |
| History Source | データレイヤーの変数 | undefined | undefined |
| HTML ID | HTML ID | array | [‘u’, ‘n’, ‘d’, ‘e’, ‘f’, ‘i’, ‘n’, ‘e’, ‘d’] |
| New History Fragment | データレイヤーの変数 | undefined | undefined |
| New History State | データレイヤーの変数 | undefined | undefined |
| Old History Fragment | データレイヤーの変数 | undefined | undefined |
| Old History State | データレイヤーの変数 | undefined | undefined |
| On-Screen Duration | データレイヤーの変数 | undefined | undefined |
| Page Hostname | URL | string | ‘eguweb.jp’ |
| Page Path | URL | string | ‘/’ |
| Page URL | URL | string | ‘https://eguweb.jp/?gtm_debug=x’ |
| Percent Visible | データレイヤーの変数 | undefined | undefined |
| Random Number | 乱数 | number | 1232968765 |
| Referrer | HTTP 参照 | string | ‘https://XXXXXXXX.XXXXX.com/’ |
| Scroll Depth Threshold | データレイヤーの変数 | undefined | undefined |
| Scroll Depth Units | データレイヤーの変数 | undefined | undefined |
| Scroll Direction | データレイヤーの変数 | undefined | undefined |
| Video Current Time | データレイヤーの変数 | undefined | undefined |
| Video Duration | データレイヤーの変数 | undefined | undefined |
| Video Percent | データレイヤーの変数 | undefined | undefined |
| Video Provider | データレイヤーの変数 | undefined | undefined |
| Video Status | データレイヤーの変数 | undefined | undefined |
| Video Title | データレイヤーの変数 | undefined | undefined |
| Video URL | データレイヤーの変数 | undefined | undefined |
| Video Visible | データレイヤーの変数 | undefined | undefined |
３ Window Loaded
ブラウザがウェブページを表示したタイミング。
「Window Loaded」では、下記のような値（Variables）が取得できます。
| Variable | Variable Type | Return Type | Value |
|---|---|---|---|
| _event | カスタム イベント | string | ‘gtm.load’ |
| _triggers | データレイヤーの変数 | string | ” |
| Click Classes | データレイヤーの変数 | undefined | undefined |
| Click Element | データレイヤーの変数 | undefined | undefined |
| Click ID | データレイヤーの変数 | undefined | undefined |
| Click Target | データレイヤーの変数 | undefined | undefined |
| Click Text | 自動イベント変数 | undefined | undefined |
| Click URL | データレイヤーの変数 | undefined | undefined |
| Container ID | コンテナ ID | string | ‘GTM-XXXXXXX’ |
| Container Version | コンテナのバージョン番号 | string | ‘QUICK_PREVIEW’ |
| Debug Mode | デバッグモード | boolean | true |
| Error Line | データレイヤーの変数 | undefined | undefined |
| Error Message | データレイヤーの変数 | undefined | undefined |
| Error URL | データレイヤーの変数 | undefined | undefined |
| Event | カスタム イベント | string | ‘gtm.load’ |
| Form Classes | データレイヤーの変数 | undefined | undefined |
| Form Element | データレイヤーの変数 | undefined | undefined |
| Form ID | データレイヤーの変数 | undefined | undefined |
| Form Target | データレイヤーの変数 | undefined | undefined |
| Form Text | 自動イベント変数 | undefined | undefined |
| Form URL | データレイヤーの変数 | undefined | undefined |
| Google アナリティクス設定 | Google アナリティクス設定 | object | { useEcommerceDataLayer: false, doubleClick: true, setTrackerName: false, useDebugVersion: false, useHashAutoLink: true, decorateFormsAutoLink: true, enableLinkId: true, enableEcommerce: true, trackingId: ‘UA-106553970-1’, fieldsToSet: [{fieldName: ‘cookieDomain’, value: ‘auto’}] } |
| History Source | データレイヤーの変数 | undefined | undefined |
| HTML ID | HTML ID | array | [‘u’, ‘n’, ‘d’, ‘e’, ‘f’, ‘i’, ‘n’, ‘e’, ‘d’] |
| New History Fragment | データレイヤーの変数 | undefined | undefined |
| New History State | データレイヤーの変数 | undefined | undefined |
| Old History Fragment | データレイヤーの変数 | undefined | undefined |
| Old History State | データレイヤーの変数 | undefined | undefined |
| On-Screen Duration | データレイヤーの変数 | undefined | undefined |
| Page Hostname | URL | string | ‘eguweb.jp’ |
| Page Path | URL | string | ‘/’ |
| Page URL | URL | string | ‘https://eguweb.jp/?gtm_debug=x’ |
| Percent Visible | データレイヤーの変数 | undefined | undefined |
| Random Number | 乱数 | number | 18869XXXXX |
| Referrer | HTTP 参照 | string | ‘https://XXXXXXXX.XXXXX.com/’ |
| Scroll Depth Threshold | データレイヤーの変数 | undefined | undefined |
| Scroll Depth Units | データレイヤーの変数 | undefined | undefined |
| Scroll Direction | データレイヤーの変数 | undefined | undefined |
| Video Current Time | データレイヤーの変数 | undefined | undefined |
| Video Duration | データレイヤーの変数 | undefined | undefined |
| Video Percent | データレイヤーの変数 | undefined | undefined |
| Video Provider | データレイヤーの変数 | undefined | undefined |
| Video Status | データレイヤーの変数 | undefined | undefined |
| Video Title | データレイヤーの変数 | undefined | undefined |
| Video URL | データレイヤーの変数 | undefined | undefined |
| Video Visible | データレイヤーの変数 | undefined | undefined |
４ Click
なにかの要素をクリックをしたタイミング。
| Variable | Variable Type | Return Type | Value |
|---|---|---|---|
| _event | カスタム イベント | string | ‘gtm.click’ |
| _triggers | データレイヤーの変数 | string | ” |
| Click Classes | データレイヤーの変数 | string | ‘item-label’ |
| Click Element | データレイヤーの変数 | string | ‘HTMLDivElement: html.jetpack-lazy-images-js-enabled.wf-roboto-n4-active .wf-googlesans-n3-active.wf-googlesans-n4-active.wf-googlesans-i3-active .wf-googlesans-i4-active.wf-googlesans-n5-active.wf-googlesans-i5-active .wf-googlesans-n7-active.wf-googlesans-i7-active.wf-roboto-n3-active.wf- roboto-i3-active.wf-roboto-i4-active.wf-roboto-n5-active.wf-roboto-i5-ac tive.wf-roboto-n7-active.wf-roboto-i7-active.wf-active > body.home.page- template-default.page.page-id-16550.logged-in.admin-bar.body.front-top-p age.public-page.page-body.ff-hiragino.fz-20px.fw-400.hlt-center-logo-wra p.ect-entry-card-wrap.rect-entry-card-wrap.scrollable-sidebar.no-scrolla ble-main.sidebar-right.mblt-footer-mobile-buttons.author-admin.mobile-bu tton-fmb.no-post-author.no-sp-snippet.font-awesome-4.is-header-fixed.cus tomize-support > div.container.wrap.cf#container > div.header-container. fixed-header#header-container > div.header-container-in.cl-slim.hlt-top- menu.wrap#header-container-in > nav.navi.cf#navi > div.navi-in.wrap.cf#n avi-in > ul.menu-top.menu-header.menu-pc#menu-cocoon%e7%94%a8 > li.menu- item.menu-item-type-taxonomy.menu-item-object-category.menu-item-has-no- description#menu-item-32093 > a > div.caption-wrap > div.item-label’ |
| Click ID | データレイヤーの変数 | string | ” |
| Click Target | データレイヤーの変数 | string | ” |
| Click Text | 自動イベント変数 | string | ‘アナリティクス’ |
| Click URL | データレイヤーの変数 | string | ” |
| Container ID | コンテナ ID | string | ‘GTM-XXXXXXX’ |
| Container Version | コンテナのバージョン番号 | string | ‘QUICK_PREVIEW’ |
| Debug Mode | デバッグモード | boolean | true |
| Error Line | データレイヤーの変数 | undefined | undefined |
| Error Message | データレイヤーの変数 | undefined | undefined |
| Error URL | データレイヤーの変数 | undefined | undefined |
| Event | カスタム イベント | string | ‘gtm.click’ |
| Form Classes | データレイヤーの変数 | string | ‘item-label’ |
| Form Element | データレイヤーの変数 | string | ‘HTMLDivElement: html.jetpack-lazy-images-js-enabled.wf-roboto-n4-active .wf-googlesans-n3-active.wf-googlesans-n4-active.wf-googlesans-i3-active .wf-googlesans-i4-active.wf-googlesans-n5-active.wf-googlesans-i5-active .wf-googlesans-n7-active.wf-googlesans-i7-active.wf-roboto-n3-active.wf- roboto-i3-active.wf-roboto-i4-active.wf-roboto-n5-active.wf-roboto-i5-ac tive.wf-roboto-n7-active.wf-roboto-i7-active.wf-active > body.home.page- template-default.page.page-id-16550.logged-in.admin-bar.body.front-top-p age.public-page.page-body.ff-hiragino.fz-20px.fw-400.hlt-center-logo-wra p.ect-entry-card-wrap.rect-entry-card-wrap.scrollable-sidebar.no-scrolla ble-main.sidebar-right.mblt-footer-mobile-buttons.author-admin.mobile-bu tton-fmb.no-post-author.no-sp-snippet.font-awesome-4.is-header-fixed.cus tomize-support > div.container.wrap.cf#container > div.header-container. fixed-header#header-container > div.header-container-in.cl-slim.hlt-top- menu.wrap#header-container-in > nav.navi.cf#navi > div.navi-in.wrap.cf#n avi-in > ul.menu-top.menu-header.menu-pc#menu-cocoon%e7%94%a8 > li.menu- item.menu-item-type-taxonomy.menu-item-object-category.menu-item-has-no- description#menu-item-32093 > a > div.caption-wrap > div.item-label’ |
| Form ID | データレイヤーの変数 | string | ” |
| Form Target | データレイヤーの変数 | string | ” |
| Form Text | 自動イベント変数 | string | ‘アナリティクス’ |
| Form URL | データレイヤーの変数 | string | ” |
| Google アナリティクス設定 | Google アナリティクス設定 | object | { useEcommerceDataLayer: false, ecommerceMacroData: ‘item-label’, doubleClick: true, setTrackerName: false, useDebugVersion: false, useHashAutoLink: true, decorateFormsAutoLink: true, enableLinkId: true, enableEcommerce: true, trackingId: ‘UA-XXXXXXXXX-1’, fieldsToSet: [{fieldName: ‘cookieDomain’, value: ‘auto’}] } |
| History Source | データレイヤーの変数 | undefined | undefined |
| HTML ID | HTML ID | array | [‘u’, ‘n’, ‘d’, ‘e’, ‘f’, ‘i’, ‘n’, ‘e’, ‘d’] |
| New History Fragment | データレイヤーの変数 | undefined | undefined |
| New History State | データレイヤーの変数 | undefined | undefined |
| Old History Fragment | データレイヤーの変数 | undefined | undefined |
| Old History State | データレイヤーの変数 | undefined | undefined |
| On-Screen Duration | データレイヤーの変数 | undefined | undefined |
| Page Hostname | URL | string | ‘eguweb.jp’ |
| Page Path | URL | string | ‘/’ |
| Page URL | URL | string | ‘https://eguweb.jp/?gtm_debug=x’ |
| Percent Visible | データレイヤーの変数 | undefined | undefined |
| Random Number | 乱数 | number | 10059XXXXX |
| Referrer | HTTP 参照 | string | ‘https://XXXXXXXX.XXXXX.com/’ |
| Scroll Depth Threshold | データレイヤーの変数 | undefined | undefined |
| Scroll Depth Units | データレイヤーの変数 | undefined | undefined |
| Scroll Direction | データレイヤーの変数 | undefined | undefined |
| Video Current Time | データレイヤーの変数 | undefined | undefined |
| Video Duration | データレイヤーの変数 | undefined | undefined |
| Video Percent | データレイヤーの変数 | undefined | undefined |
| Video Provider | データレイヤーの変数 | undefined | undefined |
| Video Status | データレイヤーの変数 | undefined | undefined |
| Video Title | データレイヤーの変数 | undefined | undefined |
| Video URL | データレイヤーの変数 | undefined | undefined |
| Video Visible | データレイヤーの変数 | undefined | undefined |
５ Link Click
リンクをクリックしたタイミング。
| Variable | Variable Type | Return Type | Value |
|---|---|---|---|
| _event | カスタム イベント | string | ‘gtm.linkClick’ |
| _triggers | データレイヤーの変数 | string | ‘31676814_8,1_15,1_22’ |
| Click Classes | データレイヤーの変数 | string | ” |
| Click Element | データレイヤーの変数 | string | ‘https://eguweb.jp/category/google-analytics: html.jetpack-lazy-images-j s-enabled.wf-roboto-n4-active.wf-googlesans-n3-active.wf-googlesans-n4-a ctive.wf-googlesans-i3-active.wf-googlesans-i4-active.wf-googlesans-n5-a ctive.wf-googlesans-i5-active.wf-googlesans-n7-active.wf-googlesans-i7-a ctive.wf-roboto-n3-active.wf-roboto-i3-active.wf-roboto-i4-active.wf-rob oto-n5-active.wf-roboto-i5-active.wf-roboto-n7-active.wf-roboto-i7-activ e.wf-active > body.home.page-template-default.page.page-id-16550.logged- in.admin-bar.body.front-top-page.public-page.page-body.ff-hiragino.fz-20 px.fw-400.hlt-center-logo-wrap.ect-entry-card-wrap.rect-entry-card-wrap. scrollable-sidebar.no-scrollable-main.sidebar-right.mblt-footer-mobile-b uttons.author-admin.mobile-button-fmb.no-post-author.no-sp-snippet.font- awesome-4.is-header-fixed.customize-support > div.container.wrap.cf#cont ainer > div.header-container.fixed-header#header-container > div.header- container-in.cl-slim.hlt-top-menu.wrap#header-container-in > nav.navi.cf #navi > div.navi-in.wrap.cf#navi-in > ul.menu-top.menu-header.menu-pc#me nu-cocoon%e7%94%a8 > li.menu-item.menu-item-type-taxonomy.menu-item-obje ct-category.menu-item-has-no-description#menu-item-32093 > a’ |
| Click ID | データレイヤーの変数 | string | ” |
| Click Target | データレイヤーの変数 | string | ” |
| Click Text | 自動イベント変数 | string | ‘アナリティクス’ |
| Click URL | データレイヤーの変数 | string | ‘https://eguweb.jp/category/google-analytics’ |
| Container ID | コンテナ ID | string | ‘GTM-N74L3C3’ |
| Container Version | コンテナのバージョン番号 | string | ‘QUICK_PREVIEW’ |
| Debug Mode | デバッグモード | boolean | true |
| Error Line | データレイヤーの変数 | undefined | undefined |
| Error Message | データレイヤーの変数 | undefined | undefined |
| Error URL | データレイヤーの変数 | undefined | undefined |
| Event | カスタム イベント | string | ‘gtm.linkClick’ |
| Form Classes | データレイヤーの変数 | string | ” |
| Form Element | データレイヤーの変数 | string | ‘https://eguweb.jp/category/google-analytics: html.jetpack-lazy-images-j s-enabled.wf-roboto-n4-active.wf-googlesans-n3-active.wf-googlesans-n4-a ctive.wf-googlesans-i3-active.wf-googlesans-i4-active.wf-googlesans-n5-a ctive.wf-googlesans-i5-active.wf-googlesans-n7-active.wf-googlesans-i7-a ctive.wf-roboto-n3-active.wf-roboto-i3-active.wf-roboto-i4-active.wf-rob oto-n5-active.wf-roboto-i5-active.wf-roboto-n7-active.wf-roboto-i7-activ e.wf-active > body.home.page-template-default.page.page-id-16550.logged- in.admin-bar.body.front-top-page.public-page.page-body.ff-hiragino.fz-20 px.fw-400.hlt-center-logo-wrap.ect-entry-card-wrap.rect-entry-card-wrap. scrollable-sidebar.no-scrollable-main.sidebar-right.mblt-footer-mobile-b uttons.author-admin.mobile-button-fmb.no-post-author.no-sp-snippet.font- awesome-4.is-header-fixed.customize-support > div.container.wrap.cf#cont ainer > div.header-container.fixed-header#header-container > div.header- container-in.cl-slim.hlt-top-menu.wrap#header-container-in > nav.navi.cf #navi > div.navi-in.wrap.cf#navi-in > ul.menu-top.menu-header.menu-pc#me nu-cocoon%e7%94%a8 > li.menu-item.menu-item-type-taxonomy.menu-item-obje ct-category.menu-item-has-no-description#menu-item-32093 > a’ |
| Form ID | データレイヤーの変数 | string | ” |
| Form Target | データレイヤーの変数 | string | ” |
| Form Text | 自動イベント変数 | string | ‘アナリティクス’ |
| Form URL | データレイヤーの変数 | string | ‘https://eguweb.jp/category/google-analytics’ |
| Google アナリティクス設定 | Google アナリティクス設定 | object | { useEcommerceDataLayer: false, ecommerceMacroData: ”, doubleClick: true, setTrackerName: false, useDebugVersion: false, useHashAutoLink: true, decorateFormsAutoLink: true, enableLinkId: true, enableEcommerce: true, trackingId: ‘UA-106553970-1’, fieldsToSet: [{fieldName: ‘cookieDomain’, value: ‘auto’}] } |
| History Source | データレイヤーの変数 | undefined | undefined |
| HTML ID | HTML ID | array | [‘u’, ‘n’, ‘d’, ‘e’, ‘f’, ‘i’, ‘n’, ‘e’, ‘d’] |
| New History Fragment | データレイヤーの変数 | undefined | undefined |
| New History State | データレイヤーの変数 | undefined | undefined |
| Old History Fragment | データレイヤーの変数 | undefined | undefined |
| Old History State | データレイヤーの変数 | undefined | undefined |
| On-Screen Duration | データレイヤーの変数 | undefined | undefined |
| Page Hostname | URL | string | ‘eguweb.jp’ |
| Page Path | URL | string | ‘/’ |
| Page URL | URL | string | ‘https://eguweb.jp/?gtm_debug=x’ |
| Percent Visible | データレイヤーの変数 | undefined | undefined |
| Random Number | 乱数 | number | 1222490563 |
| Referrer | HTTP 参照 | string | ‘https://tagassistant.google.com/’ |
| Scroll Depth Threshold | データレイヤーの変数 | undefined | undefined |
| Scroll Depth Units | データレイヤーの変数 | undefined | undefined |
| Scroll Direction | データレイヤーの変数 | undefined | undefined |
| Video Current Time | データレイヤーの変数 | undefined | undefined |
| Video Duration | データレイヤーの変数 | undefined | undefined |
| Video Percent | データレイヤーの変数 | undefined | undefined |
| Video Provider | データレイヤーの変数 | undefined | undefined |
| Video Status | データレイヤーの変数 | undefined | undefined |
| Video Title | データレイヤーの変数 | undefined | undefined |
| Video URL | データレイヤーの変数 | undefined | undefined |
| Video Visible | データレイヤーの変数 | undefined | undefined |
あとはイベントで設定する
これらを使って、イベントパラメータやユーザープロパティに値を設定していきます。
詳しくは他の記事でも詳しく書いていますので、ご参考ください😃
