<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>#GoogleAnalytics - ブルースクレイ・ジャパン</title>
	<atom:link href="https://bruceclay.jpn.com/tag/ga/feed/" rel="self" type="application/rss+xml" />
	<link>https://bruceclay.jpn.com</link>
	<description></description>
	<lastBuildDate>Mon, 16 Jun 2025 06:13:18 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.7</generator>

<image>
	<url>https://bruceclay.jpn.com/wp-content/uploads/2025/08/cropped-bcj-logo-128-32x32.png</url>
	<title>#GoogleAnalytics - ブルースクレイ・ジャパン</title>
	<link>https://bruceclay.jpn.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>URLパラメータとは？基本概念から活用方法まで！SEOへの影響と広告の計測についても解説！</title>
		<link>https://bruceclay.jpn.com/column/url_parameter/</link>
		
		<dc:creator><![CDATA[Web広告コンサルティングチーム]]></dc:creator>
		<pubDate>Wed, 20 Sep 2023 06:23:47 +0000</pubDate>
				<category><![CDATA[#GoogleAnalytics]]></category>
		<category><![CDATA[#基礎知識]]></category>
		<category><![CDATA[#計測環境]]></category>
		<category><![CDATA[#効果測定]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=13289</guid>

					<description><![CDATA[<p>Webサイト運営やデジタルマーケティングに関わる方であれば、「URLパラメータ」という言葉を一度は聞いたことがあるのではないでしょうか。特に広告運用やSEOにおいて、パラメータの設定は成果を左右する重要な要素です。 しか [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/url_parameter/">URLパラメータとは？基本概念から活用方法まで！SEOへの影響と広告の計測についても解説！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="code-line" dir="auto" data-line="0">Webサイト運営やデジタルマーケティングに関わる方であれば、「URLパラメータ」という言葉を一度は聞いたことがあるのではないでしょうか。特に広告運用やSEOにおいて、パラメータの設定は成果を左右する重要な要素です。</p>
<p class="code-line" dir="auto" data-line="2">しかし、「パラメータって結局何なの？」「どうやって使い分ければいいの？」と感じている方も多いはず。そこで本記事では、初心者にもわかりやすくパラメータの基本を解説しつつ、広告・SEOそれぞれでの活用方法や注意点まで網羅的にご紹介します。</p>
<p class="code-line" dir="auto" data-line="4">URL構造の理解から、具体的な活用事例、設定上の注意点、幅広い情報を実践的に解説していきます。この記事を読めば、パラメータの本質がわかり、広告・SEOの効果をさらに高める一歩を踏み出せるでしょう。</p>
<h2 id="%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%A8%E3%81%AF%E5%88%9D%E5%BF%83%E8%80%85%E3%81%AB%E3%82%82%E3%82%8F%E3%81%8B%E3%82%8B%E5%9F%BA%E7%A4%8E%E7%9F%A5%E8%AD%98" class="code-line" dir="auto" data-line="8">パラメータとは？初心者にもわかる基礎知識</h2>
<p class="code-line" dir="auto" data-line="10">「パラメータ」という言葉は、日常の中でも「条件」や「変数」といった意味で使われることがありますが、WebやITの分野ではもう少し具体的な役割があります。特にURLにおける「パラメータ」は、ページの内容や動作に影響を与える重要な要素です。</p>
<h3 id="url%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%A8%E3%81%AF" class="code-line" dir="auto" data-line="12">URLパラメータとは？</h3>
<p class="code-line" dir="auto" data-line="14">Webブラウザで表示されるURLの末尾に、「?」から始まる部分を見たことはありませんか？ たとえば以下のような形式です。</p>
<pre><code class="code-line" dir="auto" data-line="16">https://example.com/item?id=123&amp;type=shoes
</code></pre>
<p class="code-line" dir="auto" data-line="20">このように、「?」以降に続く「id=123」や「type=shoes」といった情報が「URLパラメータ」です。形式としては以下のようなルールがあります。</p>
<ul class="code-line" dir="auto" data-line="22">
<li class="code-line" dir="auto" data-line="22"><code>?</code> から始まり、1つ目のパラメータが記述される</li>
<li class="code-line" dir="auto" data-line="23">複数のパラメータは <code>&amp;</code> で区切って追加</li>
<li class="code-line" dir="auto" data-line="24">各パラメータは「キー=値」の形式で記述</li>
</ul>
<p class="code-line" dir="auto" data-line="33">このように、パラメータは「どの商品か」「どんな条件か」といった追加情報をURLに埋め込むための手段です。サイト内検索、商品フィルター、トラッキング情報の付加など、目的は多岐にわたります。</p>
<h3 id="it%E3%83%BB%E5%BA%83%E5%91%8A%E6%A5%AD%E7%95%8C%E3%81%A7%E3%81%AE%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%AE%E5%BD%B9%E5%89%B2" class="code-line" dir="auto" data-line="35">IT・広告業界での「パラメータ」の役割</h3>
<p class="code-line" dir="auto" data-line="37">Web業界では、パラメータは「動的なページ生成」や「ユーザー行動の計測」に欠かせません。特に広告分野では「広告から来たユーザーなのか」「どのキャンペーン経由か」などを判断するために使われます。</p>
<h2 id="%E9%9D%99%E7%9A%84url%E3%81%A8%E5%8B%95%E7%9A%84url%E3%81%AE%E9%81%95%E3%81%84" class="code-line" dir="auto" data-line="41">静的URLと動的URLの違い</h2>
<p class="code-line" dir="auto" data-line="43">WebサイトのURLには「静的URL」と「動的URL」の2種類があります。どちらもSEOに直接的な有利・不利はないものの、構造や管理のしやすさによってSEOへの影響に違いが出るケースがあります。ここでは、それぞれの特徴と注意点を整理します。</p>
<h3 id="%E9%9D%99%E7%9A%84url%E3%81%A8%E3%81%AF" class="code-line" dir="auto" data-line="45">静的URLとは？</h3>
<p class="code-line" dir="auto" data-line="47">静的URLは、サーバー上に存在する固定ファイル（HTMLなど）に対応したURL形式で、URLの内容が安定しており、人間にも読みやすいのが特徴です。</p>
<p class="code-line" dir="auto" data-line="49">例：</p>
<pre><code class="code-line" dir="auto" data-line="51">https://example.com/about.html  
https://example.com/products/shoes/
</code></pre>
<p class="code-line" dir="auto" data-line="56">このようなURLは、意味が明確でシンプルなため、ユーザーにとっても検索エンジンにとってもわかりやすい傾向があります。ただし、Googleなどの検索エンジンは現在では高度な解析能力を持っており、静的URLの「構造のシンプルさ」自体が直接的なランキング要因になるわけではありません。</p>
<p class="code-line" dir="auto" data-line="58">とはいえ、以下のような間接的な利点が存在します：</p>
<ul class="code-line" dir="auto" data-line="60">
<li class="code-line" dir="auto" data-line="60">URLが短く、ユーザーにとってもわかりやすいためシェアや<a href="https://bruceclay.jpn.com/column/about_backlink/">被リンク</a>を得やすい</li>
<li class="code-line" dir="auto" data-line="61">URL構造が明快なので、サイト設計や内部リンクの最適化がしやすい</li>
<li class="code-line" dir="auto" data-line="62">動的URLに比べて重複コンテンツのリスクが低い</li>
</ul>
<h3 id="%E5%8B%95%E7%9A%84url%E3%81%A8%E3%81%AF" class="code-line" dir="auto" data-line="64">動的URLとは？</h3>
<p class="code-line" dir="auto" data-line="66">動的URLは、サーバーがパラメータの値に応じてページを生成する形式です。URLの末尾にクエリパラメータが含まれるのが一般的です。</p>
<p class="code-line" dir="auto" data-line="68">例：</p>
<pre><code class="code-line" dir="auto" data-line="70">https://example.com/item?id=123&amp;type=shoes
</code></pre>
<p class="code-line" dir="auto" data-line="74">このようなURLはECサイト、ポータル、検索結果ページなどで広く使われています。</p>
<h2 id="%E5%BA%83%E5%91%8A%E3%81%A7%E4%BD%BF%E3%81%86%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BFutm%E3%81%AA%E3%81%A9%E3%81%A8%E3%81%AF%E5%BA%83%E5%91%8A%E9%81%8B%E7%94%A8%E8%80%85%E5%90%91%E3%81%91" class="code-line" dir="auto" data-line="78">広告で使うパラメータ（UTMなど）とは？【広告運用者向け】</h2>
<p class="code-line" dir="auto" data-line="80"><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-13290" src="https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-44.png" alt="UTMパラメータ" width="784" height="89" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-44.png 784w, https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-44-360x41.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-44-768x87.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-44-500x57.png 500w" sizes="(max-width: 784px) 100vw, 784px" />広告の効果を正確に測定し、キャンペーンの最適化を図るためには「パラメータの活用」が欠かせません。特にGoogleアナリティクスなどの解析ツールでは、<strong>UTMパラメータ</strong>が主流です。この章では、広告で使われるパラメータの基本と、媒体ごとの実践的な使い方を解説します。</p>
<h3>URLパラメータの種類</h3>
<p>URLパラメータにはアクティブパラメータとパッシブパラメータの二種類あります。</p>
<h4>パッシブパラメータ</h4>
<p>パッシブパラメータとは、<span class="marker-yellow">付与したURLパラメータによって流入情報を正確に測定するものです</span>。アクティブパラメータと違ってサイトの見た目は変わりませんが、このパラメータによりGoogle Analyticsなどで解析することができます。広告の効果計測にはこちらが使われています。</p>
<h4>アクティブパラメータ</h4>
<p>アクティブパラメータとは、付与したURLパラメータの値に伴ってコンテンツが異なって表示されるパラメータのことです。</p>
<p><img decoding="async" class="aligncenter wp-image-13291 size-full" src="https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-43.png" alt="アクティブパラメータ" width="873" height="380" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-43.png 873w, https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-43-360x157.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-43-768x334.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-43-500x218.png 500w" sizes="(max-width: 873px) 100vw, 873px" /></p>
<p>図の右側のように、URLの後ろにアクティブパラメータをつけることで絞り込みをした後のコンテンツを表示します。主にECサイトなどで使われ、商品を検索する際のフィルター機能を使って表示されたページに付与されています。</p>
<h3 id="utm%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%AE%E6%A7%8B%E9%80%A0%E3%81%A8%E5%BD%B9%E5%89%B2" class="code-line" dir="auto" data-line="82">UTMパラメータの構造と役割</h3>
<p class="code-line" dir="auto" data-line="84">UTMとは「Urchin Tracking Module」の略で、Googleが提供するURL計測パラメータです。以下のような形式で使用されます。</p>
<pre><code class="code-line" dir="auto" data-line="86">https://example.com/?utm_source=google&amp;utm_medium=cpc&amp;utm_campaign=spring_sale
</code></pre>
<p class="code-line" dir="auto" data-line="90">主な要素は以下の通りです。</p>
<table>
<tbody>
<tr>
<td>種類</td>
<td>名称</td>
<td>用途</td>
<td>例</td>
</tr>
<tr>
<td>utm_source（必須）</td>
<td>参照元</td>
<td>ウェブサイトや媒体名</td>
<td>google、instagram</td>
</tr>
<tr>
<td>utm_medium（必須）</td>
<td>メディア</td>
<td>広告メディアやメディアを識別</td>
<td>cpc、display、email</td>
</tr>
<tr>
<td>utm_campaign（必須）</td>
<td>キャンペーン</td>
<td>広告・施策のキャンペーンの名称</td>
<td>summer-sale（任意のキャンペーン名）</td>
</tr>
<tr>
<td>utm_term（任意）</td>
<td>キーワード</td>
<td>検索広告で設定されているキーワード</td>
<td>t-shirt、dress（キーワード）</td>
</tr>
<tr>
<td>utm_content（任意）</td>
<td>コンテンツ名</td>
<td>クリエイティブごとの名称</td>
<td>banner_aなど</td>
</tr>
</tbody>
</table>
<p>参照：<a title="カスタム URL でキャンペーン データを収集する - アナリティクス ヘルプ" href="https://support.google.com/analytics/answer/1033863?hl=ja#zippy=%2C%E3%81%93%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%AE%E5%86%85%E5%AE%B9" target="_blank" rel="noopener">カスタム URL でキャンペーン データを収集する &#8211; アナリティクス ヘルプ</a></p>
<p>「utm_source」「utm_medium」「utm_campaign」は設定が必須ですが、「utm_term」、「utm_content」は設定は任意です。</p>
<p class="code-line" dir="auto" data-line="90">これらを設定することで、「どの広告が」「どの媒体から」「どのキーワードで」効果があったのかを解析ツールで把握できるようになります。</p>
<h3 id="%E5%AA%92%E4%BD%93%E5%88%A5%E3%81%AE%E6%B4%BB%E7%94%A8%E4%BE%8B" class="code-line" dir="auto" data-line="102">媒体別の活用例</h3>
<ul class="code-line" dir="auto" data-line="104">
<li class="code-line" dir="auto" data-line="104">
<p class="code-line" dir="auto" data-line="104"><strong>Google広告</strong> 自動タグ設定が基本ですが、必要に応じて手動でUTMを追加するケースもあります。 例：<code>utm_source=google&amp;utm_medium=cpc</code></p>
</li>
<li class="code-line" dir="auto" data-line="108">
<p class="code-line" dir="auto" data-line="108"><strong>Yahoo広告</strong> トラッキングテンプレートを使用して動的にパラメータを挿入可能。 例：<code>{lpurl}?utm_source=yahoo&amp;utm_medium=cpc</code></p>
</li>
<li class="code-line" dir="auto" data-line="112">
<p class="code-line" dir="auto" data-line="112"><strong>SNS広告（Facebook, X等）</strong> シェア経由と広告経由を区別するためにパラメータ設定は重要。 例：<code>utm_source=facebook&amp;utm_medium=social&amp;utm_campaign=brand_launch</code></p>
</li>
</ul>
<h3 id="%E3%83%88%E3%83%A9%E3%83%83%E3%82%AD%E3%83%B3%E3%82%B0%E3%81%A8%E5%8A%B9%E6%9E%9C%E6%B8%AC%E5%AE%9A%E3%81%AE%E4%BB%95%E7%B5%84%E3%81%BF" class="code-line" dir="auto" data-line="116">トラッキングと効果測定の仕組み</h3>
<p class="code-line" dir="auto" data-line="118">UTMパラメータが付与されたURLをクリックすると、その情報はGoogleアナリティクスなどに送信され、アクセス元やユーザー行動を分類できます。これにより、広告ごとのCPA（獲得単価）やCVR（コンバージョン率）を詳細に分析可能になります。</p>
<h3 id="%E8%A8%AD%E5%AE%9A%E3%83%9F%E3%82%B9%E3%81%AE%E4%BE%8B%E3%81%A8%E6%B3%A8%E6%84%8F%E7%82%B9" class="code-line" dir="auto" data-line="120">設定ミスの例と注意点</h3>
<ul class="code-line" dir="auto" data-line="122">
<li class="code-line" dir="auto" data-line="122"><code>utm_medium</code> が一貫していない（例：&#8221;CPC&#8221;と&#8221;cpc&#8221;が混在）</li>
<li class="code-line" dir="auto" data-line="123"><code>utm_source</code> を媒体名でなく「キャンペーン名」にしてしまう</li>
<li class="code-line" dir="auto" data-line="124">本来「自然検索」の流入にもUTMが付いてしまい、オーガニックと誤認識される</li>
</ul>
<p class="code-line" dir="auto" data-line="126">これらのミスは分析の精度を大きく損ねるため、Googleが提供する<a href="https://ga-dev-tools.web.app/campaign-url-builder/" target="_blank" rel="nofollow noopener" data-href="https://ga-dev-tools.web.app/campaign-url-builder/">UTMビルダー</a>などを活用し、統一したルールで設計することが重要です。</p>
<p dir="auto" data-line="126"><img decoding="async" class="aligncenter size-full wp-image-13292" src="https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-39.png" alt="UTMビルダー" width="606" height="553" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-39.png 606w, https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-39-263x240.png 263w, https://bruceclay.jpn.com/wp-content/uploads/2023/09/岡野ブログ用-39-307x280.png 307w" sizes="(max-width: 606px) 100vw, 606px" /></p>
<p dir="auto" data-line="126">画像でマークしている箇所に情報を入力するだけで簡単にURLパラメータを付与したURLを作成することができます。</p>
<h2 id="seo%E3%81%A8url%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%AE%E9%96%A2%E4%BF%82web%E6%8B%85%E5%BD%93%E8%80%85%E5%90%91%E3%81%91" class="code-line" dir="auto" data-line="130">SEOとURLパラメータの関係【Web担当者向け】</h2>
<p class="code-line" dir="auto" data-line="132">URLパラメータの設計や制御は、SEOの成果に直接的な影響を及ぼします。特に、大規模サイトやECサイトなど、ページ数やバリエーションが多いWebサイトでは、パラメータの管理次第で<strong>検索順位・クロール効率・インデックス精度</strong>が大きく変わります。</p>
<p class="code-line" dir="auto" data-line="134">この章では、SEO担当者が押さえるべき“URLパラメータ管理の実務的ポイント”を整理して解説します。</p>
<h3 id="url%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%8Cseo%E3%81%AB%E5%BD%B1%E9%9F%BF%E3%82%92%E4%B8%8E%E3%81%88%E3%82%8B3%E3%81%A4%E3%81%AE%E5%A0%B4%E9%9D%A2" class="code-line" dir="auto" data-line="136">URLパラメータがSEOに影響を与える3つの場面</h3>
<h4 id="1-%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E8%A9%95%E4%BE%A1%E3%81%AE%E5%88%86%E6%95%A3" class="code-line" dir="auto" data-line="138">1. コンテンツ評価の分散</h4>
<p class="code-line" dir="auto" data-line="140">パラメータの違いによって、同一ページが複数URLで存在する場合、<strong>被リンクやインデックス評価が分散してしまう</strong>リスクがあります。</p>
<p class="code-line" dir="auto" data-line="142">例：</p>
<ul class="code-line" dir="auto" data-line="144">
<li class="code-line" dir="auto" data-line="144">正規：<code>https://example.com/blog/article1</code></li>
<li class="code-line" dir="auto" data-line="145">トラッキング付き：<code>https://example.com/blog/article1?utm_source=twitter</code></li>
</ul>
<p class="code-line" dir="auto" data-line="147">この2つのURLが検索結果に別々に現れると、<strong>リンク評価が分散し、検索順位が下がる可能性</strong>があります。</p>
<h4 id="2-%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%A9%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E3%81%AE%E6%82%AA%E5%8C%96" class="code-line" dir="auto" data-line="149">2. クローラビリティの悪化</h4>
<p class="code-line" dir="auto" data-line="151">パラメータによって大量のURLが生成されると、Googlebotがクロールすべき重要ページにたどり着く前に「クロール予算（クロールバジェット）」を使い果たしてしまう場合があります。</p>
<p class="code-line" dir="auto" data-line="153"><strong>例：</strong></p>
<pre><code class="code-line" dir="auto" data-line="155">?sort=price_asc  
?sort=price_desc  
?ref=ad  
?ref=mail
</code></pre>
<p class="code-line" dir="auto" data-line="162">同じ商品一覧ページにこれらのパラメータ違いで数十〜数百のURLが存在すると、重要な新着商品ページなどのクロールが後回しにされることがあります。</p>
<h4 id="3-%E9%87%8D%E8%A4%87%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%81%AE%E8%AD%A6%E5%91%8A%E3%82%84%E9%A0%86%E4%BD%8D%E5%A4%89%E5%8B%95" class="code-line" dir="auto" data-line="164">3. 重複コンテンツの警告や順位変動</h4>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-18564" src="https://bruceclay.jpn.com/wp-content/uploads/2023/09/GSC.png" alt="重複しています。ユーザーにより、正規ページとして選択されていません" width="900" height="506" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/09/GSC.png 900w, https://bruceclay.jpn.com/wp-content/uploads/2023/09/GSC-360x202.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/09/GSC-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/09/GSC-498x280.png 498w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<p class="code-line" dir="auto" data-line="166">Google Search Consoleでは、「重複しています。ユーザーにより優れたページが選択されました」といった表示がされることがあります。これは<strong>同一内容のページが複数あると判断されたときの警告</strong>です。</p>
<p class="code-line" dir="auto" data-line="168">パラメータの順番や有無によって、<strong>中身が同じなのに異なるURL</strong>が生成されてしまうことがあります。たとえば：</p>
<ul class="code-line" dir="auto" data-line="170">
<li class="code-line" dir="auto" data-line="170"><code>https://example.com/item?id=123&amp;ref=a</code></li>
<li class="code-line" dir="auto" data-line="171"><code>https://example.com/item?ref=a&amp;id=123</code></li>
<li class="code-line" dir="auto" data-line="172"><code>https://example.com/item?id=123</code></li>
</ul>
<p class="code-line" dir="auto" data-line="174">これらはすべて同じ商品ページを表示するにも関わらず、検索エンジンは<strong>別ページとして認識</strong>する可能性があります。結果として、<strong>評価が分散したり、重複コンテンツと見なされる</strong>ことで検索順位に悪影響を及ぼします。</p>
<p class="code-line" dir="auto" data-line="176">URLパラメータによる細かなバリエーションが原因でこれが起きると、<strong>本来評価されるべきページが除外対象になる</strong>こともあるため、注意が必要です。</p>
<h3 id="seo%E8%A6%B3%E7%82%B9%E3%81%A7%E3%81%AEurl%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E7%AE%A1%E7%90%86%E3%81%AE%E3%83%99%E3%82%B9%E3%83%88%E3%83%97%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%82%B9" class="code-line" dir="auto" data-line="180">SEO観点でのURLパラメータ管理のベストプラクティス</h3>
<table class="code-line" dir="auto" data-line="182">
<thead class="code-line" dir="auto" data-line="182">
<tr class="code-line" dir="auto" data-line="182">
<th>施策</th>
<th>目的</th>
<th>ツール・手法例</th>
</tr>
</thead>
<tbody class="code-line" dir="auto" data-line="184">
<tr class="code-line" dir="auto" data-line="184">
<td><code>rel="<a href="https://bruceclay.jpn.com/column/canonicaltag/">canonical</a>"</code> タグの設定</td>
<td>評価の統一</td>
<td>HTML上で明示的に正規URLを指定</td>
</tr>
<tr class="code-line" dir="auto" data-line="185">
<td>GSCでの「URLパラメータ設定」</td>
<td>クロール範囲の調整</td>
<td>パラメータごとのクロール挙動を定義</td>
</tr>
<tr class="code-line" dir="auto" data-line="186">
<td><a href="https://bruceclay.jpn.com/column/about_robotstxt/">robots.txt</a> の記述</td>
<td>不要ページのクロール回避</td>
<td>パターン指定でボットのアクセスを遮断</td>
</tr>
<tr class="code-line" dir="auto" data-line="187">
<td><a href="https://bruceclay.jpn.com/column/robotstag-robotstxt/">noindex</a>の活用</td>
<td>インデックス除外</td>
<td>管理画面や重複カテゴリ一覧などに設定</td>
</tr>
<tr class="code-line" dir="auto" data-line="188">
<td>内部リンクの正規化</td>
<td>リンク評価の集中</td>
<td>サイト内リンクは常に正規URLで貼る</td>
</tr>
</tbody>
</table>
<h3 id="%E3%82%B1%E3%83%BC%E3%82%B9%E4%BE%8Burl%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%AE%E3%81%9B%E3%81%84%E3%81%A7seo%E8%A9%95%E4%BE%A1%E3%81%8C%E4%B8%8B%E3%81%8C%E3%81%A3%E3%81%9F%E3%82%B1%E3%83%BC%E3%82%B9" class="code-line" dir="auto" data-line="192">ケース例：URLパラメータのせいでSEO評価が下がったケース</h3>
<ul class="code-line" dir="auto" data-line="194">
<li class="code-line" dir="auto" data-line="194"><strong>症状</strong>：商品ページのGoogle検索順位が急落</li>
<li class="code-line" dir="auto" data-line="195"><strong>原因</strong>：同一商品ページに <code>?ref=</code>, <code>?campaign=</code>, <code>?from=nav</code> など10種類以上のURLが存在し、canonicalタグが未設定</li>
<li class="code-line" dir="auto" data-line="196"><strong>対応</strong>：canonicalタグで評価を統一</li>
<li class="code-line" dir="auto" data-line="197"><strong>結果</strong>：1ヶ月後に順位が回復・インデックス数も安定</li>
</ul>
<p class="code-line" dir="auto" data-line="201">パラメータ付きURLは便利ですが、<strong>検索エンジンがどう解釈するかを考えた設計と制御が必要</strong>です。特にSEOでは、「見えないリスク」になりやすいため、意識的な運用が求められます。</p>
<h2 id="%E3%82%88%E3%81%8F%E4%BD%BF%E3%82%8F%E3%82%8C%E3%82%8Burl%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E4%B8%80%E8%A6%A7%E3%81%A8%E7%94%A8%E9%80%94%E6%A5%AD%E5%8B%99%E5%88%A5%E3%81%BE%E3%81%A8%E3%82%81" class="code-line" dir="auto" data-line="210">よく使われるURLパラメータ一覧と用途【業務別まとめ】</h2>
<p class="code-line" dir="auto" data-line="212">URLパラメータは多岐にわたる用途があり、Webサイトや広告運用の目的によって使われ方が異なります。ここでは、まず<strong>パラメータの種類を目的別に分類</strong>し、その後に業務ごとの具体的な利用例を表形式で整理します。</p>
<h3 id="%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%AE%E7%A8%AE%E9%A1%9E%E5%88%86%E9%A1%9E%E7%9B%AE%E7%9A%84%E5%88%A5" class="code-line" dir="auto" data-line="214">パラメータの目的別分類</h3>
<p class="code-line" dir="auto" data-line="216">URLパラメータは主に以下の5つに分類されます。それぞれに対して、SEO・広告・UX面での配慮ポイントが異なります。</p>
<table class="code-line" dir="auto" data-line="218">
<thead class="code-line" dir="auto" data-line="218">
<tr class="code-line" dir="auto" data-line="218">
<th>パラメータの種類</th>
<th>主な用途</th>
<th>例</th>
</tr>
</thead>
<tbody class="code-line" dir="auto" data-line="220">
<tr class="code-line" dir="auto" data-line="220">
<td>トラッキングパラメータ</td>
<td>流入元や媒体の識別、広告効果測定</td>
<td><code>utm_source=</code>, <code>ref=</code>, <code>gclid=</code></td>
</tr>
<tr class="code-line" dir="auto" data-line="221">
<td>フィルターパラメータ</td>
<td>商品やコンテンツの絞り込み</td>
<td><code>color=blue</code>, <code>size=M</code></td>
</tr>
<tr class="code-line" dir="auto" data-line="222">
<td>並び替えパラメータ</td>
<td>表示順の制御（例：価格順、人気順など）</td>
<td><code>sort=price_desc</code>, <code>order=asc</code></td>
</tr>
<tr class="code-line" dir="auto" data-line="223">
<td>ページネーションパラメータ</td>
<td>複数ページへの分割表示（例：一覧2ページ目）</td>
<td><code>page=2</code>, <code>offset=20</code></td>
</tr>
<tr class="code-line" dir="auto" data-line="224">
<td>テスト／バリエーション系</td>
<td>ABテストやUI切替による分岐</td>
<td><code>ver=a</code>, <code>ab_test=group1</code></td>
</tr>
</tbody>
</table>
<blockquote class="code-line" dir="auto" data-line="226">
<p class="code-line" dir="auto" data-line="226"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>ポイント</strong>：それぞれのパラメータが「ページ内容に影響を与えるか／与えないか」によって、SEOでの制御方法が変わります。</p>
</blockquote>
<hr class="code-line" dir="auto" data-line="228" />
<h3 id="%E6%A5%AD%E5%8B%99%E5%88%A5%E3%81%AB%E3%82%88%E3%81%8F%E4%BD%BF%E3%82%8F%E3%82%8C%E3%82%8B%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%A8%E3%81%9D%E3%81%AE%E7%94%A8%E9%80%94" class="code-line" dir="auto" data-line="230">業務別によく使われるパラメータとその用途</h3>
<p class="code-line" dir="auto" data-line="232">以下は業務シーンごとの代表的なパラメータ使用例をまとめた一覧です。</p>
<table class="code-line" dir="auto" data-line="234">
<thead class="code-line" dir="auto" data-line="234">
<tr class="code-line" dir="auto" data-line="234">
<th>パラメータ種別</th>
<th>例</th>
<th>主な用途</th>
<th>想定される業務担当者</th>
</tr>
</thead>
<tbody class="code-line" dir="auto" data-line="236">
<tr class="code-line" dir="auto" data-line="236">
<td>検索キーワード</td>
<td><code>?q=ビジネスバッグ</code></td>
<td>サイト内検索</td>
<td>ECサイト担当、メディア編集者</td>
</tr>
<tr class="code-line" dir="auto" data-line="237">
<td>フィルター系</td>
<td><code>?color=red&amp;size=M</code></td>
<td>商品や記事の絞り込み</td>
<td>商品企画、UI設計者</td>
</tr>
<tr class="code-line" dir="auto" data-line="238">
<td>広告トラッキング（UTM）</td>
<td><code>?utm_source=google&amp;utm_medium=cpc</code></td>
<td>流入元識別・効果測定</td>
<td>広告運用者、マーケティング担当</td>
</tr>
<tr class="code-line" dir="auto" data-line="239">
<td>ABテスト・UI切替</td>
<td><code>?ver=b</code></td>
<td>テストグループ分岐</td>
<td>マーケター、開発チーム、分析担当</td>
</tr>
<tr class="code-line" dir="auto" data-line="240">
<td>ページネーション</td>
<td><code>?page=3</code></td>
<td>記事や商品一覧のページ送り</td>
<td>サイト制作・フロントエンドエンジニア</td>
</tr>
<tr class="code-line" dir="auto" data-line="241">
<td>並び替え</td>
<td><code>?sort=popular</code></td>
<td>並び順の切替（価格順・新着順など）</td>
<td>UX設計、EC運営チーム</td>
</tr>
<tr class="code-line" dir="auto" data-line="242">
<td>リファラー識別</td>
<td><code>?ref=mailmagazine</code></td>
<td>メルマガやSNSからの遷移元識別</td>
<td>CRM担当、パートナー運用チーム</td>
</tr>
</tbody>
</table>
<h2 id="url%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E6%B4%BB%E7%94%A8%E3%81%AE%E3%83%99%E3%82%B9%E3%83%88%E3%83%97%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%82%B9" class="code-line" dir="auto" data-line="261">URLパラメータ活用のベストプラクティス</h2>
<p class="code-line" dir="auto" data-line="263">URLパラメータは非常に便利な仕組みですが、設計や使い方を誤るとSEO・広告効果の両面で悪影響を及ぼすことがあります。ここでは、<strong>広告・SEO双方の視点から見た“パラメータ活用の最適解”</strong>を整理し、実務で役立つベストプラクティスをご紹介します。</p>
<h3 id="%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%AE%E8%A8%AD%E8%A8%88%E3%83%AB%E3%83%BC%E3%83%AB%E3%82%92%E7%B5%B1%E4%B8%80%E3%81%99%E3%82%8B" class="code-line" dir="auto" data-line="265">パラメータの設計ルールを統一する</h3>
<p class="code-line" dir="auto" data-line="267">同じ目的のパラメータでも、表記ゆれや冗長な指定があると、分析・クロール効率ともに悪化します。</p>
<p class="code-line" dir="auto" data-line="269"><strong>悪い例：</strong></p>
<ul class="code-line" dir="auto" data-line="271">
<li class="code-line" dir="auto" data-line="271"><code>utm_source=Google</code>, <code>utm_source=google</code>, <code>utmSource=GoogleAds</code></li>
</ul>
<p class="code-line" dir="auto" data-line="273"><strong>良い例：</strong></p>
<ul class="code-line" dir="auto" data-line="275">
<li class="code-line" dir="auto" data-line="275">全て小文字に統一：<code>utm_source=google</code></li>
</ul>
<h3 id="%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%AE%E9%A0%86%E7%95%AA%E3%81%AF%E7%B5%B1%E4%B8%80%E3%81%97%E3%82%88%E3%81%86" class="code-line" dir="auto" data-line="277">パラメータの順番は統一しよう</h3>
<p class="code-line" dir="auto" data-line="279">パラメータの順番が異なるだけで別URLとして認識される可能性があります。URLを正規化するには、順序ルールを設けましょう。</p>
<p class="code-line" dir="auto" data-line="281"><strong>例：</strong></p>
<ul class="code-line" dir="auto" data-line="283">
<li class="code-line" dir="auto" data-line="283"><code>?color=red&amp;size=M</code> と <code>?size=M&amp;color=red</code> は検索エンジンからは別物と見なされることがある</li>
</ul>
<h3 id="%E5%86%85%E9%83%A8%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%A7%E3%81%AF%E4%B8%8D%E8%A6%81%E3%81%AA%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%82%92%E7%9C%81%E3%81%8F" class="code-line" dir="auto" data-line="285">内部リンクではUTMパラメータを使わない</h3>
<p class="code-line" dir="auto" data-line="287">UTMパラメータは、Google蛙也てぃくにおける「参照元のアクセス」を把握するために利用するものです。サイト内で使用してしまうと、セッションが切れてしまう恐れがあります。</p>
<h3 id="spa%E3%82%84javascript%E7%92%B0%E5%A2%83%E3%81%A7%E3%81%AE%E6%B3%A8%E6%84%8F%E7%82%B9" class="code-line" dir="auto" data-line="297">SPAやJavaScript環境での注意点</h3>
<p class="code-line" dir="auto" data-line="299">近年では、URLパラメータを使ってJavaScriptで動的に表示内容を切り替える<strong>シングルページアプリケーション（SPA）</strong>も増えています。この場合、以下の点に注意が必要です：</p>
<ul class="code-line" dir="auto" data-line="301">
<li class="code-line" dir="auto" data-line="301">パラメータ変更が画面に反映されるだけで、Googlebotが正しく理解できない場合がある</li>
<li class="code-line" dir="auto" data-line="302"><code>pushState()</code>や<code>replaceState()</code>を使ったURL操作は、ページURLが変わってもHTMLの再取得が発生しないため、検索エンジンが個別のページとして認識しにくく、<strong>SSR（サーバーサイドレンダリング）やプリレンダリング</strong>の導入が推奨されます</li>
</ul>
<p class="code-line" dir="auto" data-line="306">これらの施策は、<strong>SEOと広告のどちらか一方ではなく「両立」を目指すための考え方</strong>です。 「見えるURLの整理」は、ユーザー体験の向上にもつながります。</p>
<h2 id="%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8Ffaq" class="code-line" dir="auto" data-line="311">よくある質問（FAQ）</h2>
<p class="code-line" dir="auto" data-line="313">ここでは、URLパラメータに関して広告・SEOの現場でよく寄せられる疑問に答えます。実務で悩みがちなポイントを押さえておくことで、トラブルや設定ミスを未然に防ぎましょう。</p>
<h3 id="q1seo%E3%81%AB%E6%82%AA%E5%BD%B1%E9%9F%BF%E3%82%92%E4%B8%8E%E3%81%88%E3%82%8B%E3%81%AE%E3%81%AF%E3%81%A9%E3%82%93%E3%81%AA%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF" class="code-line" dir="auto" data-line="317">Q1：SEOに悪影響を与えるのはどんなパラメータ？</h3>
<p class="code-line" dir="auto" data-line="319"><strong>A：</strong> パラメータそのものが悪いわけではありませんが、以下のような使い方がSEO上の問題を引き起こすことがあります。</p>
<ul class="code-line" dir="auto" data-line="321">
<li class="code-line" dir="auto" data-line="321">同一ページに複数のURL（評価分散・重複コンテンツ）</li>
<li class="code-line" dir="auto" data-line="322">内部リンクにトラッキング付きURLを使用（リンク評価の分散）</li>
<li class="code-line" dir="auto" data-line="323">パラメータの組み合わせが無限に近くなっている（クロールバジェット浪費）</li>
</ul>
<p class="code-line" dir="auto" data-line="325">対応策としては、<code>canonical</code>の設定、noindexの活用、パラメータ順序の統一などが有効です。</p>
<div class="blog-card-box">
<a href="https://bruceclay.jpn.com/column/about_seo/" class="tmt-blog-card">
            <div class="tmt-blog-card-box">
                <div class="tmt-blog-card-thumbnail"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/10/seo_2025.png" alt="【2025年最新】SEOとは？8つの具体的な対策とやり方、仕組みまでわかりやすく解説！" width="200" height="112"/></div>
                <div class="tmt-blog-card-content">
                    <div class="tmt-blog-card-title">【2025年最新】SEOとは？8つの具体的な対策とやり方、仕組みまでわかりやすく解説！</div>
                    <div class="tmt-blog-card-excerpt">SEO（検索エンジン最適化）は、「Search Engine Optimization」の略で、検索エンジンでの上位表示を目指し、自然検索からのアクセス増加を図...</div>
                </div>
            </div>
            <div class="tmt-blog-card-site"></div>
        </a>
</div>
<h3 id="q2%E5%BA%83%E5%91%8A%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%A8google%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%82%B9%E3%81%AE%E9%96%A2%E4%BF%82%E3%81%AF" class="code-line" dir="auto" data-line="329">Q2：広告パラメータとGoogleアナリティクスの関係は？</h3>
<p class="code-line" dir="auto" data-line="331"><strong>A：</strong> UTMパラメータなどの広告パラメータは、Googleアナリティクス（GA4）で<strong>キャンペーンの成果や流入元を正確に分析するために必要不可欠</strong>です。</p>
<p class="code-line" dir="auto" data-line="333">正しく設定すれば、以下のような指標を分類できます：</p>
<ul class="code-line" dir="auto" data-line="335">
<li class="code-line" dir="auto" data-line="335">媒体（google / facebook など）</li>
<li class="code-line" dir="auto" data-line="336">流入経路（CPC / social / email）</li>
<li class="code-line" dir="auto" data-line="337">キャンペーン別の成果（CV、直帰率など）</li>
</ul>
<p class="code-line" dir="auto" data-line="339">ただし、<strong>一貫した命名ルール</strong>を定めていないと、レポートが正しく集計されないので注意しましょう。</p>
<div class="blog-card-box">
<a href="https://bruceclay.jpn.com/column/ga4/" class="tmt-blog-card">
            <div class="tmt-blog-card-box">
                <div class="tmt-blog-card-thumbnail"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/【ブログ】アイキャッチ_作成用.png" alt="GA4（Google Analitics4）とは？特徴と設定方法、UAとのちがいについて" width="200" height="113"/></div>
                <div class="tmt-blog-card-content">
                    <div class="tmt-blog-card-title">GA4（Google Analitics4）とは？特徴と設定方法、UAとのちがいについて</div>
                    <div class="tmt-blog-card-excerpt">みなさんはもう、UAからGA4への移行は終了しましたか？ UAのサービス終了が2023年7月に迫った今、移行済みの方もまだ済んでいない方も、この記事を読んでGA...</div>
                </div>
            </div>
            <div class="tmt-blog-card-site"></div>
        </a>
</div>
<h3 id="q3gsc%E3%81%A7url%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B%E9%A0%85%E7%9B%AE%E3%81%8C%E8%A6%8B%E5%BD%93%E3%81%9F%E3%82%8A%E3%81%BE%E3%81%9B%E3%82%93" class="code-line" dir="auto" data-line="343">Q3：GSCでURLパラメータを設定する項目が見当たりません…</h3>
<p class="code-line" dir="auto" data-line="345"><strong>A：</strong> 以前はGoogle Search Consoleに「URLパラメータ設定」という機能がありましたが、<strong>2022年4月に廃止</strong>されています。</p>
<p class="code-line" dir="auto" data-line="347">現在はこの設定は使えないため、以下のような対処で代替する必要があります：</p>
<ul class="code-line" dir="auto" data-line="349">
<li class="code-line" dir="auto" data-line="349">サイト内での<code>canonical</code>タグ設定</li>
<li class="code-line" dir="auto" data-line="350"><code>robots.txt</code>でのブロック</li>
<li class="code-line" dir="auto" data-line="351"><code>noindex</code>でのインデックス制御</li>
<li class="code-line" dir="auto" data-line="352">サーバーサイドでのリダイレクト設計など</li>
</ul>
<p class="code-line" dir="auto" data-line="354">詳細はGoogle公式の<a href="https://developers.google.com/search/blog/2022/03/url-parameters-tool-deprecated?hl=ja" target="_blank" rel="nofollow noopener" data-href="https://developers.google.com/search/blog/2022/03/url-parameters-tool-deprecated?hl=ja">機能廃止の案内</a>をご確認ください。</p>
<p class="code-line" dir="auto" data-line="358">以上のようなFAQを元に、日常の運用や設定確認のヒントとしてご活用ください。</p>
<h2 id="%E3%81%BE%E3%81%A8%E3%82%81%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%82%92%E7%90%86%E8%A7%A3%E3%81%97%E3%81%A6%E5%BA%83%E5%91%8A%E3%83%BBseo%E3%81%AE%E5%8A%B9%E6%9E%9C%E3%82%92%E6%9C%80%E5%A4%A7%E5%8C%96%E3%81%97%E3%82%88%E3%81%86" class="code-line" dir="auto" data-line="362">まとめ：パラメータを理解して広告・SEOの効果を最大化しよう</h2>
<p class="code-line" dir="auto" data-line="364">URLパラメータは、Webマーケティングにおける“裏方”のような存在ですが、その設計や管理次第で<strong>広告の計測精度やSEOパフォーマンスに大きな差が出る</strong>ことがこの記事からお分かりいただけたかと思います。</p>
<p class="code-line" dir="auto" data-line="366">パラメータは「つければ終わり」ではなく、「どう活かすか」が重要です。SEOと広告は別々の指標で動いているように見えて、URLという共通言語でつながっています。だからこそ、<strong>部門を超えた認識合わせと設計ルールの統一</strong>が、成功のカギを握ります。</p>
<p class="code-line" dir="auto" data-line="368">パラメータを正しく理解し、目的に合わせて活用できれば、広告・SEOの成果は確実に高まります。今こそ、URLの見直しから一歩進めてみましょう。</p><p>The post <a href="https://bruceclay.jpn.com/column/url_parameter/">URLパラメータとは？基本概念から活用方法まで！SEOへの影響と広告の計測についても解説！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【初心者必読！】GDN(Googleディスプレイネットワーク)とは？YDAとの違いや配信面等について解説</title>
		<link>https://bruceclay.jpn.com/column/about-gdn/</link>
		
		<dc:creator><![CDATA[marke@bcj]]></dc:creator>
		<pubDate>Tue, 01 Aug 2023 03:00:00 +0000</pubDate>
				<category><![CDATA[#GoogleAnalytics]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=12784</guid>

					<description><![CDATA[<p>本記事ではGDN(Googleディスプレイネットワーク)について初心者向けにわかりやすく解説します。YDA(Yahoo!ディスプレイ広告)との違いについてもご紹介します。 GDN(Googleディスプレイネットワーク)と [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/about-gdn/">【初心者必読！】GDN(Googleディスプレイネットワーク)とは？YDAとの違いや配信面等について解説</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>本記事ではGDN(Googleディスプレイネットワーク)について初心者向けにわかりやすく解説します。YDA(Yahoo!ディスプレイ広告)との違いについてもご紹介します。</p>
<h2>GDN(Googleディスプレイネットワーク)とは</h2>
<p>GDNとは、Googleディスプレイネットワークの略称であり、<span class="marker-blue">Google広告で出稿する事ができるディスプレイ広告のこと</span>です。GDN(Googleディスプレイネットワーク)は、Googleと提携する200万以上のウェブサイトや動画、アプリの総称であり、ディスプレイネットワークを通して世界中のインターネットユーザーの90％以上に広告を表示することができます。<br />
引用：<a href="https://support.google.com/google-ads/answer/2404190?hl=ja" target="_blank" rel="noopener">ディスプレイ広告とGoogleディスプレイネットワークについて｜Google広告ヘルプ</a></p>
<h3>ディスプレイ広告とは</h3>
<p>ディスプレイ広告とは、ウェブサイトやアプリなどに表示される画像、テキスト、動画などの広告のことを指します。様々なウェブサイトやアプリの広告枠に表示することができ、多くのユーザーに広告を配信することができます。検索広告は「キーワードを検索したユーザーに広告を表示する」ため、商品に対するニーズや目的が明確である顕在層がターゲットであることに対し、ディスプレイ広告はユーザー自身が商品に対するニーズや目的が明確になっていない、サービスや商品を知らないユーザーに対しても広告を表示することができるため、<span class="marker-yellow"><span class="marker-blue">潜在層にもアプローチ</span></span>することができます。</p>
<h2>GDNのメリット</h2>
<h3>幅広い配信面とユーザーにアプローチすることができる</h3>
<p>先述したようにGDNはGoogleと提携する200万以上のウェブサイトや動画、アプリに広告を配信することが可能なため、幅広い配信面に対して広告配信が可能です。そしてGoogleは<span class="marker-pink">検索エンジン<a href="https://www.soumu.go.jp/johotsusintokei/whitepaper/ja/r04/html/nd236500.html" target="_blank" rel="noopener">世界シェア85％以上</a>(2022年現在)</span>を誇っており、幅広いユーザーにアプローチすることが可能です。</p>
<h3>少ない工数でクリエイティブ作成ができる</h3>
<p>レスポンシブディスプレイ広告では、GoogleのAIによりアップロードされたアセット(画像、広告見出し、ロゴ、動画、説明文)を組み合わせて広告が生成され、ウェブサイト、アプリ、YouTube、Gmailに掲載されます。Google広告に様々なアセットをアップロードしてレスポンシブディスプレイ広告を作成すると、掲載結果の履歴から<span class="marker-blue">機械学習の予測に基づいて広告スロットごとに最適なアセットの組み合わせが決定</span>されます。広告グループとキャンペーン内の広告ポートフォリオを管理する手間が軽減され、クリエイティブを少ない工数で作成できます。<br />
引用：<a href="https://support.google.com/google-ads/answer/6363750?hl=ja" target="_blank" rel="noopener">レスポンシブディスプレイ広告について｜Google広告ヘルプ</a></p>
<h3>GA4の連携によるデータ活用</h3>
<p>アクセス解析ツールであるGA4(GoogleAnalytics4)はGoogle広告と同じGoogleのプロダクトであるため、簡単に連携することができます。GA4とGoogle広告を連携する事により、GA4のコンバージョンデータをインポートしたり、Google広告アカウントでGA4の指標を確認することが可能です。Google広告だけでは得ることができない気づきをGA4のデータから取得でき、分析に役立てることができます。</p>
<h2>GDNの特徴</h2>
<p>次にターゲティング、配信面、クリエイティブフォーマットといったGDNの特徴についてご紹介いたします。</p>
<h3>ターゲティング</h3>
<p>ターゲティング項目は、大きく分けて<span class="marker-pink"><span class="marker-yellow">「誰に配信するか」「どこに配信するか」の2つに分類</span></span>されます。</p>
<h4>オーディエンスターゲティング：誰に配信するか</h4>
<table style="height: 453px; width: 100%;">
<tbody>
<tr style="height: 48px;">
<td style="height: 48px; text-align: center; width: 23.8211%; background-color: #c2f2ff;">ターゲティング項目</td>
<td style="height: 48px; text-align: center; width: 75.5988%; background-color: #c2f2ff;">内容</td>
</tr>
<tr style="height: 381px;">
<td style="height: 381px; width: 23.8211%; background-color: #ffffff;"><a href="https://support.google.com/google-ads/answer/2497941?hl=ja&amp;sjid=17151266190648032763-AP" target="_blank" rel="noopener">オーディエンス セグメント</a></td>
<td style="height: 381px; width: 75.5988%;">広告グループにオーディエンス セグメント ターゲティングを追加することで、<br />
ユーザーの属性、興味や習慣、積極的に調べている情報、ビジネスに基づいて広告の表示が可能です。
<p>
・<strong><a href="https://support.google.com/google-ads/answer/13151406?hl=ja&amp;sjid=17151266190648032763-AP" target="_blank" rel="noopener">アフィニティセグメント</a></strong><br />
　ライフスタイル、趣味、習慣などの全体像をもとに広告を表示できます。</p>
<p>・<strong>ライフイベント</strong><br />
　大学卒業や引越し、結婚など、人生の大きな節目を迎えているユーザーに、YouTube、<br />
　Gmail、ディスプレイ広告でアプローチできます。</p>
<p>・<strong>購入意欲の強いセグメント</strong><br />
　広告主が提供する商品やサービスに似たものを調べているユーザーや、<br />
　購入を前向きに検討しているユーザーに広告を表示できます。</p>
<p>・<strong><a href="https://support.google.com/google-ads/answer/9805516?sjid=17151266190648032763-AP" target="_blank" rel="noopener">カスタムセグメント</a></strong><br />
　キーワード、URL、アプリ名を入力して、最適なセグメントに広告を表示する方法<br />
　を指定できます。</p>
<p>・<strong>リマーケティング</strong><br />
　広告主様のウェブサイト、モバイルアプリ、動画にアクセスしたことのあるユーザーや、<br />
　過去に連絡先情報を提供したユーザーなど、すでに広告主の商品やサービスに興味を示し<br />
　ているユーザーにアプローチできます。</p>
<p>・<strong><a href="https://support.google.com/google-ads/answer/2580383?sjid=17151266190648032763-AP" target="_blank" rel="noopener">詳しいユーザー属性</a><br />
</strong>　大学生、住宅所有者や最近子供が生まれたユーザーなど<br />
　共通の特徴を持つ幅広いユーザー層のセグメントです。</p></td>
</tr>
<tr style="height: 24px;">
<td style="height: 24px; width: 23.8211%; background-color: #ffffff;">ユーザー属性</td>
<td style="height: 24px; width: 75.5988%;">年齢、性別、子供の有無、世帯収入に基づいて提案</td>
</tr>
</tbody>
</table>
<h4>コンテンツターゲティング：どこに配信するか</h4>
<table style="width: 99.4161%; height: 96px;">
<tbody>
<tr style="height: 24px;">
<td style="background-color: #c2f2ff; text-align: center; height: 24px; width: 26.0349%;">ターゲティング項目</td>
<td style="background-color: #c2f2ff; text-align: center; height: 24px; width: 122.898%;">内容</td>
</tr>
<tr style="height: 24px;">
<td style="height: 24px; width: 26.0349%;"><a href="https://support.google.com/google-ads/answer/2769374?hl=ja&amp;sjid=17151266190648032763-AP" target="_blank" rel="noopener">キーワード</a></td>
<td style="height: 24px; width: 122.898%;">商品やサービスに関連するキーワードを提案し、関連性の高いウェブサイトに広告を掲載します。</td>
</tr>
<tr style="height: 24px;">
<td style="height: 24px; width: 26.0349%;"><a href="https://support.google.com/google-ads/answer/2497832?hl=ja&amp;sjid=17151266190648032763-AP" target="_blank" rel="noopener">トピック</a></td>
<td style="height: 24px; width: 122.898%;">特定のトピックに関するウェブページ、アプリ、動画に広告を掲載します。</td>
</tr>
<tr style="height: 24px;">
<td style="height: 24px; width: 26.0349%;"><a href="https://support.google.com/google-ads/answer/2470108?hl=ja&amp;sjid=17151266190648032763-AP" target="_blank" rel="noopener">プレースメント</a></td>
<td style="height: 24px; width: 122.898%;">広告の掲載先となるウェブサイト、動画、アプリを指定し広告を掲載します。</td>
</tr>
</tbody>
</table>
<p>引用：<a href="https://support.google.com/google-ads/answer/2497941?hl=ja#" target="_blank" rel="noopener">オーディエンスターゲティングについて｜Google広告ヘルプ</a></p>
<h4>プレースメントターゲティングの概念図</h4>
<p id="gdcalert1"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/差し込み.jpg" alt="プレースメントターゲティングの概念図" width="907" height="528" class="alignnone wp-image-12808" /></p>
<p>&nbsp;</p>
<h3>配信面</h3>
<p>GDNでは、Googleと提携している200万以上のウェブサイトや動画、アプリに対して広告を配信することが可能です。提携サイトであるYouTube、食べログ、ライブドアブログ、教えてgooなどをはじめ、<span class="marker-blue">Googleアドセンスを利用している多くのサイトの広告枠に広く配信</span>されます。</p>
<p>例：YouTube<br />
<img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/スマホサンプル-124x240.png" alt="YouTube配信面1" width="124" height="240" class="alignnone wp-image-12800 size-medium" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/スマホサンプル-124x240.png 124w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/スマホサンプル-530x1024.png 530w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/スマホサンプル-145x280.png 145w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/スマホサンプル.png 719w" sizes="auto, (max-width: 124px) 100vw, 124px" /><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/動画再生前に-表示される広告-4-360x203.png" alt="YouTube配信面2" width="360" height="203" class="alignnone wp-image-12797 size-medium" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/動画再生前に-表示される広告-4-360x203.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/動画再生前に-表示される広告-4-1024x576.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/動画再生前に-表示される広告-4-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/動画再生前に-表示される広告-4-498x280.png 498w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/動画再生前に-表示される広告-4.png 1920w" sizes="auto, (max-width: 360px) 100vw, 360px" /></p>
<h3>クリエイティブフォーマット</h3>
<p>GDNクリエイティブフォーマットは47種類ありますが、ここでは代表的なサイズをご紹介します。詳しいサイズ一覧は<a href="https://support.google.com/google-ads/editor/answer/57755?hl=ja#zippy=%2C%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A" target="_blank" rel="noopener">こちら</a>をご覧ください。</p>
<h4>バナーサイズ</h4>
<table style="width: 36.2164%;">
<tbody>
<tr>
<td style="width: 45.705%;">300×250</td>
<td rowspan="5" style="width: 171.244%; text-align: center;">サイズ上限：150KB</td>
</tr>
<tr>
<td style="width: 45.705%;">728×90</td>
</tr>
<tr>
<td style="width: 45.705%;">160×600</td>
</tr>
<tr>
<td style="width: 45.705%;">320×50</td>
</tr>
<tr>
<td style="width: 45.705%;">300×600</td>
</tr>
</tbody>
</table>
<h4>レスポンシブ広告</h4>
<table style="width: 37.3866%;">
<tbody>
<tr>
<td style="width: 28.2609%; text-align: center; background-color: #c2f2ff;">アセットの種類</td>
<td style="width: 29.8169%; text-align: center; background-color: #c2f2ff;">最小サイズ</td>
<td style="width: 63.4198%; text-align: center; background-color: #c2f2ff;">アスペクト比（横×縦）</td>
</tr>
<tr>
<td style="width: 28.2609%;">横長</td>
<td style="width: 29.8169%;">最小600×314</td>
<td style="width: 63.4198%;">1.91：1</td>
</tr>
<tr>
<td style="width: 28.2609%;">スクエア</td>
<td style="width: 29.8169%;">最小300×300</td>
<td style="width: 63.4198%;">1:1</td>
</tr>
<tr>
<td rowspan="2" style="width: 28.2609%;">ロゴ</td>
<td style="width: 29.8169%;">128×128</td>
<td style="width: 63.4198%;">1:1</td>
</tr>
<tr>
<td style="width: 29.8169%;">512×128</td>
<td style="width: 63.4198%;">4:1</td>
</tr>
</tbody>
</table>
<p>ファイルサイズの上限が<span class="marker-pink"><span class="marker-pink"><span class="marker-pink">150KB</span></span></span>となっているので容量上限に注意して入稿しましょう。</p>
<h4>ファインド広告・カルーセルファインド広告</h4>
<table style="width: 45.1711%;">
<tbody>
<tr>
<td style="width: 22.7451%; text-align: center; background-color: #c2f2ff;">アセットの種類</td>
<td style="width: 23.7802%; text-align: center; background-color: #c2f2ff;">最小サイズ</td>
<td style="width: 20.2681%; text-align: center; background-color: #c2f2ff;">推奨解像度</td>
<td style="width: 52.8144%; text-align: center; background-color: #c2f2ff;">アスペクト比（横×縦）</td>
</tr>
<tr>
<td style="width: 22.7451%;">横長</td>
<td style="width: 23.7802%;">600×314以上</td>
<td style="width: 20.2681%;">1200×628</td>
<td style="width: 52.8144%;">1.91:1</td>
</tr>
<tr>
<td style="width: 22.7451%;">スクエア</td>
<td style="width: 23.7802%;">300×300以上</td>
<td style="width: 20.2681%;">1200×1200</td>
<td style="width: 52.8144%;">1:1</td>
</tr>
<tr>
<td style="width: 22.7451%;">ポートレート</td>
<td style="width: 23.7802%;">480×600以上</td>
<td style="width: 20.2681%;">960×1200</td>
<td style="width: 52.8144%;">4:5</td>
</tr>
<tr>
<td style="width: 22.7451%;">ロゴ</td>
<td style="width: 23.7802%;">128×128以上</td>
<td style="width: 20.2681%;">ー</td>
<td style="width: 52.8144%;">1:1</td>
</tr>
<tr>
<td style="width: 22.7451%;"></td>
<td style="width: 23.7802%;">512×128以上</td>
<td style="width: 20.2681%;">ー</td>
<td style="width: 52.8144%;">4:1</td>
</tr>
</tbody>
</table>
<p>ファイルサイズの上限が<span class="marker-pink">5MB（ロゴは1MB）</span>となっているので容量上限に注意して入稿しましょう。</p>
<h2>GDNの入札戦略</h2>
<p>GDNの入札戦略は以下のとおりです。</p>
<table style="width: 99.0199%; height: 585px;">
<tbody>
<tr style="height: 24px;">
<td style="text-align: center; background-color: #c2f2ff; height: 24px; width: 18.8298%;">入札戦略</td>
<td style="text-align: center; background-color: #c2f2ff; height: 24px; width: 104.31%;">内容</td>
</tr>
<tr style="height: 139px;">
<td style="height: 139px; width: 18.8298%;"><a href="https://support.google.com/google-ads/answer/6268632?sjid=5188089537777128420-AP" target="_blank" rel="noopener">目標コンバージョン単価(CPA)</a></td>
<td style="height: 139px; width: 104.31%;">指定した目標コンバージョン単価以内でコンバージョンを最大限に獲得できるよう、入札単価が自動調整される機能です。</td>
</tr>
<tr style="height: 139px;">
<td style="height: 139px; width: 18.8298%;"><a href="https://support.google.com/google-ads/answer/7381968?sjid=5188089537777128420-AP" target="_blank" rel="noopener">コンバージョン数の最大化(CPA)</a></td>
<td style="height: 139px; width: 104.31%;">1 日の予算を消化しながら最大限のコンバージョン数が得られるよう、オークションごとに入札単価が自動的に設定される機能です。</td>
</tr>
<tr style="height: 48px;">
<td style="height: 48px; width: 18.8298%;"><a href="https://support.google.com/google-ads/answer/6268637?hl=ja&amp;sjid=5188089537777128420-AP" target="_blank" rel="noopener">目標広告費用対効果</a></td>
<td style="height: 48px; width: 104.31%;">目標広告費用対効果の達成を目指しながらコンバージョン値を最大化できるよう、入札単価が自動的に設定されます。</td>
</tr>
<tr style="height: 139px;">
<td style="height: 139px; width: 18.8298%;"><a href="https://support.google.com/google-ads/answer/2464964?sjid=5188089537777128420-AP" target="_blank" rel="noopener">拡張クリック単価(CPC)</a></td>
<td style="height: 139px; width: 104.31%;">コンバージョン数が最大化するように入札単価が自動的に調整される機能です。単価を設定したうえで、コンバージョンする可能性が高いと判断された場合、入札単価が自動で調整されます。</td>
</tr>
<tr style="height: 24px;">
<td style="height: 24px; width: 18.8298%;"><a href="https://support.google.com/google-ads/answer/6268626?sjid=5188089537777128420-AP" target="_blank" rel="noopener">クリック数の最大化</a></td>
<td style="height: 24px; width: 104.31%;">指定した予算内でクリック数を最大化できるように入札単価が自動的に調整される機能です。</td>
</tr>
<tr style="height: 24px;">
<td style="height: 24px; width: 18.8298%;"><a href="https://support.google.com/google-ads/answer/2390250?sjid=5188089537777128420-AP" target="_blank" rel="noopener">個別クリック単価制</a></td>
<td style="height: 24px; width: 104.31%;">広告の上限クリック単価を自身で設定することができる機能です。</td>
</tr>
<tr style="height: 48px;">
<td style="height: 48px; width: 18.8298%;"><a href="https://support.google.com/google-ads/answer/3499086?sjid=5188089537777128420-AP" target="_blank" rel="noopener">視認範囲のインプレッション単価</a></td>
<td style="height: 48px; width: 104.31%;">視認範囲のインプレッション 1,000 回あたりの入札単価を設定します。</td>
</tr>
</tbody>
</table>
<h2>GDNで入稿する際の注意点</h2>
<h3>広告審査完了まで日数を考慮する</h3>
<p>Google広告の広告審査結果はほとんどの場合1営業日かかるとされていますが、入稿数の多い時期の場合、<span class="marker-blue">審査に時間がかかる場合があります。</span>そのため審査にはある程度日数がかかる事を考慮し、クリエイティブの準備、入稿、配信スケジュールの管理を行いましょう。</p>
<h3>最上級表現を使わない</h3>
<p>「No.1」「業界初」「日本一」といったフレーズは誇大広告とみなされ、審査に落ちてしまう可能性が高いです。このような表現は消費者に誤った認識を与えてしまう可能性があることから、最上級表現は景品表示法でも規制されています。根拠のないまま、最上級表現を記載した場合、法令違反になる可能性もあるため十分に注意が必要です。<span class="marker-blue">審査に落ちてしまうだけでなく、法令違反による信頼の損失にもなりかねません。</span></p>
<p>参考：<a href="https://support.google.com/adspolicy/answer/176031?hl=ja" target="_blank" rel="noopener">ヘルスケア、医薬品｜Googleポリシーヘルプ</a></p>
<h3>Googleのポリシーをチェックする</h3>
<p>もちろん入稿する際の注意点は先述したものだけではありません。入稿する際には上記の注意点に加え<span class="marker-blue">しっかりと<a href="https://support.google.com/adspolicy/answer/6008942?hl=ja">Googleのポリシー</a>をチェックしたうえで入稿する</span>よう心がけましょう。</p>
<p>ポリシー：<a href="https://support.google.com/adspolicy/answer/6008942?hl=ja" target="_blank" rel="noopener">Google広告のポリシー</a></p>
<h2>YDA(Yahoo!ディスプレイ広告)との違い</h2>
<p>YDA(Yahoo!ディスプレイ広告)とは、Yahoo!広告ディスプレイ運用型広告のことです。</p>
<p>ウェブサイトに画像で広告表示できるディスプレイ広告の一種で、Yahoo!JAPANの各サービスサイトやYahoo!と提携したパートナーサイトに広告を掲載する事ができます。</p>
<h3>配信面</h3>
<p>先述したように、GDNはGoogleと提携するウェブサイトや動画、アプリに対して広告を掲載するのに対し、YDAはYahoo!JAPANの各サービスサイトや提携したパートナーサイトに広告を掲載することができます。</p>
<h3>フォーマット</h3>
<p>GDNの広告サイズが40種類以上あるのに対して、YDAは9種類のみとなっています。<br />
YDAの詳しいサイズ一覧は<a href="https://ads-promo.yahoo.co.jp/online/bannersize.html" target="_blank" rel="noopener">こちら</a>をご覧ください。</p>
<p><strong>バナーサイズ(画像)</strong></p>
<table style="width: 33.3392%;">
<tbody>
<tr>
<td style="width: 39.9194%; text-align: center; background-color: #c2f2ff;">アスペクト比</td>
<td style="width: 137.926%; text-align: center; background-color: #c2f2ff;">画像サイズ(横×縦)</td>
</tr>
<tr>
<td style="width: 39.9194%; text-align: left;">1:1</td>
<td style="width: 137.926%; text-align: left;">600×600</td>
</tr>
<tr>
<td style="width: 39.9194%; text-align: left;">6:5</td>
<td style="width: 137.926%; text-align: left;">300×250</td>
</tr>
<tr>
<td style="width: 39.9194%; text-align: left;">39:5</td>
<td style="width: 137.926%; text-align: left;">468×60</td>
</tr>
<tr>
<td style="width: 39.9194%; text-align: left;">728:90</td>
<td style="width: 137.926%; text-align: left;">728×90</td>
</tr>
<tr>
<td style="width: 39.9194%; text-align: left;">4:15</td>
<td style="width: 137.926%; text-align: left;">4:15</td>
</tr>
<tr>
<td style="width: 39.9194%; text-align: left;">1:2</td>
<td style="width: 137.926%; text-align: left;">300×600</td>
</tr>
<tr>
<td style="width: 39.9194%; text-align: left;">32:5</td>
<td style="width: 137.926%; text-align: left;">320×50</td>
</tr>
<tr>
<td style="width: 39.9194%; text-align: left;">16:5</td>
<td style="width: 137.926%; text-align: left;">320×100</td>
</tr>
<tr>
<td style="width: 39.9194%; text-align: left;">16:9</td>
<td style="width: 137.926%; text-align: left;">640×360</td>
</tr>
</tbody>
</table>
<p><strong>レスポンシブ</strong></p>
<table style="width: 32.9557%;">
<tbody>
<tr>
<td style="width: 39.9194%; text-align: center; background-color: #c2f2ff;">アスペクト比</td>
<td style="width: 142.339%; text-align: center; background-color: #c2f2ff;">画像サイズ(横×縦)</td>
</tr>
<tr>
<td style="width: 39.9194%;">1:1</td>
<td style="width: 142.339%;">300×300</td>
</tr>
<tr>
<td style="width: 39.9194%;">1.91:1</td>
<td style="width: 142.339%;">1200×628</td>
</tr>
<tr>
<td style="width: 39.9194%;">1:1</td>
<td style="width: 142.339%;">1200×1200</td>
</tr>
</tbody>
</table>
<p><strong>ロゴ</strong></p>
<table style="width: 32.9578%;">
<tbody>
<tr>
<td style="width: 39.9194%; text-align: center; background-color: #c2f2ff;">アスペクト比</td>
<td style="width: 141.615%; text-align: center; background-color: #c2f2ff;">画像サイズ(横×縦)</td>
</tr>
<tr>
<td style="width: 39.9194%;">1:1</td>
<td style="width: 141.615%;">180×180</td>
</tr>
</tbody>
</table>
<p>GDNでは最小サイズが定められ、それよりも大きければバナーサイズを柔軟に設定できますが、YDAのバナーサイズは各サイズ限定されています。加えて説明文や広告タイトルの文字制限もGDNとは異なっています。</p>
<h3>ターゲティング</h3>
<h4>GDNにしかないターゲティング</h4>
<p>GDNでは、比較的YDAよりも詳細にユーザーをターゲティングすることが可能です。</p>
<div class="bgWrap bg-r5 lightgray pc-mt-30 sp-mt-20">・ユーザー属性｜子供の有無<br />
・ユーザー属性｜世帯年収<br />
子育てに関連するサービスや、高所得世帯に対してアプローチしたいサービスなどには上記のターゲティングが効果的です。<br />
参考：<a href="https://support.google.com/google-ads/answer/2580383?hl=ja" target="_blank" rel="noopener">ユーザー属性ターゲティングについて｜Google広告ヘルプ</a></div>
<div class="bgWrap bg-r5 lightgray pc-mt-30 sp-mt-20">
・興味関心｜カスタムセグメント<br />
カスタムセグメントは「アフィニティカテゴリ」を応用した機能となっています。アフィニティカテゴリよりもターゲティングの粒度を小さくしたい際に効果的です。<br />
カスタムセグメントでは、ページのキーワードやURLを登録し、オーディエンスを作成することでより詳細なターゲティングが可能です。<br />
参考：<a href="https://support.google.com/google-ads/answer/9805516?hl=ja" target="_blank" rel="noopener">カスタムセグメントについて｜Google広告ヘルプ</a></div>
<div class="bgWrap bg-r5 lightgray pc-mt-30 sp-mt-20">
・デバイス｜テレビ画面<br />
テレビ画面とは、FireTVやChromecast、ゲーム機などといったインターネットに接続可能な動画視聴端末のことです。<span class="marker-blue">ユーザーが使用しているデバイスに基づいてターゲティング</span>することができます。<br />
参考：<a href="https://support.google.com/google-ads/answer/1722028?hl=ja&amp;sjid=10498647544511965573-AP" target="_blank" rel="noopener">モバイルデバイスターゲティングについて｜Google広告ヘルプ</a></div>
<p>&nbsp;</p>
<h4>YDAにしかないターゲティング</h4>
<p>・検索履歴｜サーチキーワード<br />
<span class="marker-blue">GDNにはないターゲティング手法</span>です。<br />
指定したキーワードで検索したユーザーに対し広告を配信するターゲティング機能です。　事前に作成したキーワードのリスト(サーチキーワードリスト)を選択することで、サーチキーワードターゲティングを設定できます。</p>
<p>参考：<a href="https://ads-help.yahoo-net.jp/s/article/H000044514?language=ja" target="_blank" rel="noopener">サーチキーワードターゲティング｜Yahoo!広告ヘルプ</a></p>
<a href="https://bruceclay.jpn.com/column/search-keyword-targeting/" class="tmt-blog-card">
            <div class="tmt-blog-card-box">
                <div class="tmt-blog-card-thumbnail"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/【ブログ】アイキャッチ_作成用.png" alt="マーケティング担当者必見！サーチキーワードターゲティング完全攻略！" width="200" height="112"/></div>
                <div class="tmt-blog-card-content">
                    <div class="tmt-blog-card-title">マーケティング担当者必見！サーチキーワードターゲティング完全攻略！</div>
                    <div class="tmt-blog-card-excerpt">サーチキーワードターゲティングはYahoo!広告独自のターゲティング方法です。本コラムでは、サーチキーワードターゲティングの概要から活用方法まで解説していきます...</div>
                </div>
            </div>
            <div class="tmt-blog-card-site"></div>
        </a>
<div class="blog-card-box">
<p>&nbsp;</p>
</div>
<h2>まとめ</h2>
<p>いかがでしたか？<br />
GDNのメリットや特徴をよく理解した上で効果的に運用していきましょう。<br />
弊社ではGDNやYDAだけでなく様々なメディアでの運用実績がございますので、何かご不明点がございましたらご気軽にご相談ください。</p><p>The post <a href="https://bruceclay.jpn.com/column/about-gdn/">【初心者必読！】GDN(Googleディスプレイネットワーク)とは？YDAとの違いや配信面等について解説</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【GA4】スクロール率を計測する方法！拡張計測機能やGTMでの設定方法やレポートの作り方を紹介！</title>
		<link>https://bruceclay.jpn.com/column/gtm-scroll-rate/</link>
		
		<dc:creator><![CDATA[marke@bcj]]></dc:creator>
		<pubDate>Wed, 19 Jul 2023 03:00:52 +0000</pubDate>
				<category><![CDATA[#GoogleAnalytics]]></category>
		<category><![CDATA[#GTM]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=12704</guid>

					<description><![CDATA[<p>GAユーザーがサイトに訪れて、すぐに離脱した場合と、最後までページを呼んだうえで離脱した場合では、同じセッション数でもページの価値は変わってきます。 そのときに役立つ指標がスクロール率です。 この記事では、GA4でのスク [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/gtm-scroll-rate/">【GA4】スクロール率を計測する方法！拡張計測機能やGTMでの設定方法やレポートの作り方を紹介！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>GAユーザーがサイトに訪れて、すぐに離脱した場合と、最後までページを呼んだうえで離脱した場合では、同じセッション数でもページの価値は変わってきます。<br />
そのときに役立つ指標がスクロール率です。</p>
<p>この記事では、GA4でのスクロール率の計測方法について解説します。スクロール率を計測することで、ユーザーがページのどこまで閲覧したかを確認でき、コンテンツの評価やユーザー行動分析に役立ちます。GA4では拡張計測機能を使ってスクロール率を取得できます。デフォルトでは90%スクロールのみが記録されるため、より詳細なデータを得たい場合にはGTMを活用してカスタマイズしましょう。</p>
<h2>スクロール率とは？</h2>
<p>そもそもスクロール率とは、Webサイトのページがスクロールされた割合を表している指標です。<br />
つまり、「ユーザーは表示されたページのうち、どこまで読んだのか」を表していて、Webページの質を把握することに役立ちます。</p>
<p>ページ全体を100%としたときに、何%地点までスクロールしたのかを%で表します。</p>
<p>たとえば、Webページの最後までユーザーが記事を読んでいないことが発覚したとします。<br />
どの部分でユーザーが離脱しているのか確認できれば、サイト構造のうちどこに問題があるか把握できます。</p>
<h3>スクロール率と読了率の違い</h3>
<p>スクロール率と読了率は、似ていますが<strong>「目的」と「計測する内容」</strong>が異なります。よって、<strong>「対策内容」</strong>も変わります。</p>
<p>読了率とは、ページを最後まで見た割合を表します。</p>
<p>また<strong>「目的」</strong>については、スクロール率は、<span class="marker-blue">コンテンツの視認性やユーザーの離脱箇所を確認する</span>ために、ページを閲覧したユーザーがどこまでスクロールしたかを測ります。<br />
一方で読了率は、コンテンツが最後までしっかりと読まれているか、<span class="marker-blue">ユーザーにとって価値のあるコンテンツであるかを確認する</span>ために、コンテンツやページの終了地点に達した割合を計測し、最後まで読んだかどうかを確認します。</p>
<p><strong>「対策内容」</strong>に関しては、スクロール率では、離脱が多い箇所に関連するリンクを設置したり、コンテンツの配置を変える等の施策を検討しますが、読了率はコンテンツの内容がユーザーにとって価値のある内容に改善する等の施策を検討します。</p>
<h2>GA4のスクロール率</h2>
<p>GA4では「scroll」というイベント名でスクロール率を把握できます。</p>
<p>UAでは、このスクロール率を計測しようとすると、Googleタグマネージャー（GTM）を使用する必要がありました。しかし、GA4にアップデートされたことで、GTMを使用せずに設定が可能となりました。</p>
<h2>GA4でスクロール率を計測する方法</h2>
<p>では、スクロール率の計測をする方法を紹介します。計測方法は大きく2つあります。</p>
<ol>
<li>拡張計測機能を使用した設定方法</li>
<li>GTMを使用した設定方法</li>
</ol>
<p>それぞれ説明します。</p>
<h3>拡張計測機能を使用した設定方法</h3>
<p>設定方法は、以下の手順になります。</p>
<ol>
<li>管理画面のプロパティのなかにある「データストリーム」を選択する。</li>
<li>スクロール率を設定したいWebサイトを選択する。<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-12705 size-full" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/タグを新規作成.png" alt="ウェブストリーム" width="700" height="308" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/タグを新規作成.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/タグを新規作成-360x158.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/タグを新規作成-500x220.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
<li>ウェブストリームの詳細から歯車ボタンをクリックして、スクロール数を有効にする。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12707" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/スクロール数を有効化.png" alt="スクロール数を有効化" width="700" height="593" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/スクロール数を有効化.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/スクロール数を有効化-283x240.png 283w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/スクロール数を有効化-331x280.png 331w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
</ol>
<p>拡張計測機能イベントを含めた、GA4のイベントについては以下の記事で詳しく紹介しているので、ぜひご覧ください。</p>
<div class="blog-card-box">
<a href="https://bruceclay.jpn.com/column/ga4-event/" class="tmt-blog-card">
            <div class="tmt-blog-card-box">
                <div class="tmt-blog-card-thumbnail"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/【ブログ】アイキャッチ_イベント.jpg" alt="GA4のイベントってなに？イベントの種類や設定の仕方と確認方法まで解説！" width="200" height="113"/></div>
                <div class="tmt-blog-card-content">
                    <div class="tmt-blog-card-title">GA4のイベントってなに？イベントの種類や設定の仕方と確認方法まで解説！</div>
                    <div class="tmt-blog-card-excerpt">Googleアナリティクス4（GA4）のイベントは、従来のUA（ユニバーサルアナリティクス）と考え方が大きく異なります。GA4では、ページビューもクリックもフォ...</div>
                </div>
            </div>
            <div class="tmt-blog-card-site"></div>
        </a>
</div>
<h3>GTMを使用した設定方法</h3>
<p>GTMの「スクロールされた距離」というトリガーを利用することで、計測したい任意の値を設定できます。GTMでの設定方法は、以下の手順になります。</p>
<ol>
<li>左側のメニューから「タグ」を選択します。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12706" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/メニューからタグを選択.png" alt="メニューからタグを選択" width="700" height="324" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/メニューからタグを選択.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/メニューからタグを選択-360x167.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/メニューからタグを選択-500x231.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
<li>「新規」をクリックします。
<p id="gdcalert6"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12705" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/タグを新規作成.png" alt="タグを新規作成" width="700" height="308" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/タグを新規作成.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/タグを新規作成-360x158.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/タグを新規作成-500x220.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
</li>
<li>「タグの設定」を選択し、タグタイプのなかから「Googleアナリティクス：GA4イベント」を選択します。
<p id="gdcalert7"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12718" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/GA4イベントを選択.png" alt="GA4イベントを選択" width="700" height="311" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/GA4イベントを選択.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/GA4イベントを選択-360x160.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/GA4イベントを選択-500x222.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
</li>
<li>イベント名を入力します。設定タグでは「GA4設定タグ」を選択します。</li>
<li>イベントパラメータにてパラメータ名と組み込み変数を入力します。<br />
変数には「{{Scroll Depth Threshold}}」を入力します。
<p id="gdcalert8"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12717" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/イベント名などを設定.png" alt="イベント名などを設定" width="700" height="529" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/イベント名などを設定.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/イベント名などを設定-318x240.png 318w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/イベント名などを設定-371x280.png 371w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
</li>
</ol>
<div class="bgWrap lightgray pc-mt-30 sp-mt-20">
<p>※<span class="marker-yellow">事前に変数の設定をしておきましょう。</span><br />
左のメニューから変数を選択して、設定をクリックします。<br />
組み込み変数の設定のなかから、「Scroll Depth Threshold」にチェックを入れます。</p>
</div>
<p id="gdcalert9"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12716" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/変数の設定.png" alt="変数の設定" width="700" height="565" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/変数の設定.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/変数の設定-297x240.png 297w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/変数の設定-347x280.png 347w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<ol>
<li>「タグの設定」の下にある「トリガー」を選択します。<br />
トリガーの選択の右にある「＋」（プラスボタン）をクリックします。</li>
<li>「トリガーの設定」をクリックして、トリガーのタイプから「スクロール距離」を選択します。
<p id="gdcalert10"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12715" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/トリガータイプの選択.png" alt="トリガータイプの選択" width="700" height="858" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/トリガータイプの選択.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/トリガータイプの選択-196x240.png 196w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/トリガータイプの選択-228x280.png 228w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
</li>
<li>今回は、縦方向スクロール距離を選択します。<br />
割合、もしくはピクセル数に任意の値を入力し、保存します。
<p id="gdcalert11"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12719" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/スクロール距離を設定.png" alt="スクロール距離を設定" width="700" height="402" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/スクロール距離を設定.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/スクロール距離を設定-360x207.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/スクロール距離を設定-488x280.png 488w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
</li>
</ol>
<div class="bgWrap lightgray pc-mt-30 sp-mt-20">
<p>※<span class="marker-yellow">割合・ピクセル数を設定する場合は、「0」を一緒に設定することをおすすめします。</span><br />
集計する際に母数を出せるため、計算がおこないやすくなります。</p>
</div>
<ol>
<li>タグの名前を入力後保存をクリックします。</li>
</ol>
<p>以上でGTMの設定は完了です。その後、設定したGTMタグをGA4でカスタムイベントとして設定します。</p>
<p>GTMでスクロール率を計測する場合、GA4の拡張計測機能にある「スクロール数」は計測をオフにしておきましょう。これは、GA4とGTM両方で重複して計測された結果、データが正しく収集できなくなってしまうことを防ぐためです。</p>
<h2>GA4で設定するスクロール率の注意点</h2>
<p>ただし、ページのトップを0％として、<span class="marker-yellow">計測できるスクロール率は90%のみとなります。<br />
ユーザーが、ページのスクロールが90%に満たない割合で離脱してしまった場合、「scroll」というイベントは計測されません。</span></p>
<p>たとえば、下記のイメージ図のように、ページの途中にサービスの詳細サイトへ誘導するボタンを設置しているとします。この場合、サービスの詳細サイトへ遷移はしているものの、誘導につながったこのページの「scroll」は計測されず、レポート上は「0」と表示されます。</p>
<p id="gdcalert4"><img loading="lazy" decoding="async" class="alignnone wp-image-12709 size-full" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/スクロールイベント.png" alt="スクロールイベントは90%地点で計測される" width="700" height="498" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/スクロールイベント.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/スクロールイベント-337x240.png 337w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/スクロールイベント-394x280.png 394w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<p>このように、ページの途中までのスクロール率を計測したい場合や、さらに細かくスクロール率を計測したい場合は、UAと同様にGTMを使用する必要があります。</p>
<h2>レポートでの確認方法</h2>
<h3>探索レポートでの確認方法</h3>
<p>スクロール率の計測設定ができたら、探索レポートで数値を確認しましょう。</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-large wp-image-17261" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/scroll_report-1024x883.png" alt="探索レポートでスクロール率を確認" width="1024" height="883" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/scroll_report-1024x883.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/scroll_report-278x240.png 278w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/scroll_report-768x662.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/scroll_report-325x280.png 325w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<p>ページ別のスクロールを確認するレポートの作り方は以下です。</p>
<ol>
<li>「自由形式」のレポートを選択</li>
<li>ディメンション（行）に、「ページパスとスクリーンクラス」or「ページタイトル」、「ページパスとクエリ文字列」等を設定</li>
<li>ディメンション（列）に、GTMで設定した「percent_scrolled」を設定</li>
<li>指標に、「イベント数」を設定</li>
</ol>
<p>デバイス別やチャネル別、性別等のデータを見たい場合は、ディメンション（行）の内容を変更することで確認が可能です。</p>
<p>探索レポートでは、スクロール「率」を出すことはできないので、次に紹介するLooker Studioのレポートも合わせてみていくのがおすすめです。</p>
<h3>Looker Studioでの確認方法</h3>
<p>Looker Studioでも同じようにスクロールイベントを確認できます。また、関数を組めばスクロール率を表にすることも可能です。</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-large wp-image-17262" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/scroll_report2-1024x452.png" alt="Looker Studioでのスクロール率レポート" width="1024" height="452" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/scroll_report2-1024x452.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/scroll_report2-360x159.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/scroll_report2-768x339.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/scroll_report2-500x221.png 500w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<p>指標を追加する際に、「計算フィールドを追加」を選択し、SUM(イベント数)/SUM(表示回数) と計算式を入れます。</p>
<p>イベント数降順にすることで見やすいレポートが作成可能です。</p>
<h2>まとめ</h2>
<p>スクロール率の計測方法とレポートでの確認方法をご紹介しました。</p>
<p>GA4にアップデートされ、GTMを利用せずとも簡単にスクロール率を計測できるようになりました。しかし、計測されるタイミングのカスタマイズ性にはどうしても欠けてしまいます。</p>
<p>収集したいデータに合わせて、GA4とGTMを活用しましょう。</p><p>The post <a href="https://bruceclay.jpn.com/column/gtm-scroll-rate/">【GA4】スクロール率を計測する方法！拡張計測機能やGTMでの設定方法やレポートの作り方を紹介！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【画像付き】GA4のコンバージョン設定方法や確認の仕方、計測されない時の対処法について紹介</title>
		<link>https://bruceclay.jpn.com/column/ga4-conversion/</link>
		
		<dc:creator><![CDATA[marke@bcj]]></dc:creator>
		<pubDate>Thu, 13 Jul 2023 03:00:12 +0000</pubDate>
				<category><![CDATA[#GoogleAnalytics]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=12642</guid>

					<description><![CDATA[<p>アクセス解析をおこなううえで、コンバージョンの計測はとても重要です。 UAのサービスが終了した今、GA4でコンバージョンを設定することが必須となりました。 UAとの違いにも触れつつ、GA4でのコンバージョン設定について今 [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/ga4-conversion/">【画像付き】GA4のコンバージョン設定方法や確認の仕方、計測されない時の対処法について紹介</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>アクセス解析をおこなううえで、コンバージョンの計測はとても重要です。</p>
<p>UAのサービスが終了した今、GA4でコンバージョンを設定することが必須となりました。<br />
UAとの違いにも触れつつ、GA4でのコンバージョン設定について今回は紹介していきます。</p>
<h2>Googleアナリティクス4（GA4）とは？</h2>
<p>Googleアナリティクス4（GA4）とは、Googleアナリティクスというアクセス解析ツールの最新バージョンのことです。</p>
<p>GA4の特徴は、全てのユーザー行動をイベントとして計測する点です。<br />
イベントをデータ計測の軸としたことで、Webサイトとアプリを横断するユーザーの行動も計測できます。</p>
<p>さらに詳しくGA4について知りたい方は、こちらをご覧ください。</p>
<div class="blog-card-box">
<a href="https://bruceclay.jpn.com/column/ga4/" class="tmt-blog-card">
            <div class="tmt-blog-card-box">
                <div class="tmt-blog-card-thumbnail"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/【ブログ】アイキャッチ_作成用.png" alt="GA4（Google Analitics4）とは？特徴と設定方法、UAとのちがいについて" width="200" height="113"/></div>
                <div class="tmt-blog-card-content">
                    <div class="tmt-blog-card-title">GA4（Google Analitics4）とは？特徴と設定方法、UAとのちがいについて</div>
                    <div class="tmt-blog-card-excerpt">みなさんはもう、UAからGA4への移行は終了しましたか？ UAのサービス終了が2023年7月に迫った今、移行済みの方もまだ済んでいない方も、この記事を読んでGA...</div>
                </div>
            </div>
            <div class="tmt-blog-card-site"></div>
        </a>
</div>
<h2>GA4とUAの「コンバージョン」の3つの違い</h2>
<p>GA4とUAにおける「コンバージョン」には、大きく3つの違いがあります。<br />
以下に順番にご説明します。</p>
<ol>
<li>GA4ではコンバージョンもイベントに含まれる</li>
<li>UAと比べてコンバージョン数が多くなる</li>
<li>コンバージョンの設定可能数</li>
</ol>
<h3>GA4ではコンバージョンもイベントに含まれる</h3>
<p>UAには、目標（コンバージョン）として4つのタイプがありました。</p>
<ul>
<li style="list-style-type: none;">
<ul>
<li>目標URL：特定のページが読み込まれる（「購入完了」ページなど）</li>
<li>滞在時間：一定時間滞在する（3分以上など）</li>
<li>ページビュー数／スクリーンビュー数：一定以上のページorスクリーンが表示された（5ページなど）</li>
<li>イベント：定義した行動が完了したとき（動画の再生など）</li>
</ul>
</li>
</ul>
<p>GA4にアップデートされたことで、この4種類のコンバージョンが全て「イベント」に含まれました。<br />
そのためGA4では、UAのようにコンバージョンを独自で設定するのではなく、1つのイベントとして設定したうえで、コンバージョンとして指定するという流れに変更されました。</p>
<p>GA4のイベントについて詳しく知りたい方は、こちらの記事をご覧ください。</p>
<div class="blog-card-box">
<a href="https://bruceclay.jpn.com/column/ga4-event/" class="tmt-blog-card">
            <div class="tmt-blog-card-box">
                <div class="tmt-blog-card-thumbnail"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/【ブログ】アイキャッチ_イベント.jpg" alt="GA4のイベントってなに？イベントの種類や設定の仕方と確認方法まで解説！" width="200" height="113"/></div>
                <div class="tmt-blog-card-content">
                    <div class="tmt-blog-card-title">GA4のイベントってなに？イベントの種類や設定の仕方と確認方法まで解説！</div>
                    <div class="tmt-blog-card-excerpt">Googleアナリティクス4（GA4）のイベントは、従来のUA（ユニバーサルアナリティクス）と考え方が大きく異なります。GA4では、ページビューもクリックもフォ...</div>
                </div>
            </div>
            <div class="tmt-blog-card-site"></div>
        </a>
</div>
<h3>UAと比べてコンバージョン数が多くなる</h3>
<p>UAの場合、1セッションに対してコンバージョンは１件しか計測されません。<br />
しかし、GA4では、<span class="marker-yellow">セッション単位で区切ってデータを計測するという概念がなくなったため、計測されたイベント（コンバージョン）は全てカウントされるようになりました。</span></p>
<p>この仕様の変更により、GA4のほうがUAと比べて、コンバージョン数が多くなる傾向にあります。</p>
<p>たとえば、ECサイトで「カートに追加する」をコンバージョンとして設定していたとします。<br />
以下の図のように、UAでは1セッション内で複数回追加されていても、コンバージョン数は1回とされてしまいます。一方GA4では、カートに商品が追加されるごとにコンバージョンがカウントされます。</p>
<p id="gdcalert2"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/1セッション内のCV数.png" alt="1セッション内のCV数の違い" width="700" height="365" class="alignnone size-full wp-image-12654" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/1セッション内のCV数.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/1セッション内のCV数-360x188.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/1セッション内のCV数-500x261.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<h4>GA4でのコンバージョンのカウント方法を変更する</h4>
<p>前述のように、GA4では、発生した<br />
全てのコンバージョンをカウントします</p>
<p>しかし、UAと同様に「セッションごとに1回」でカウントする設定へ変更することも可能です。</p>
<p>また、UAからGA4への移行方法によっては、デフォルトのカウント方法が「セッションごとに1回」となっています。</p>
<div class="bgWrap bg-r5 lightgra
y pc-mt-30 sp-mt-20">
<ul>
<li style="list-style-type: none;">
<ul>
<li>自動生成されたGA4の場合</li>
<li>2023年4月以降で、設定アシスタントの目標移行ツールを使用した場合</li>
</ul>
</li>
</ul>
</div>
<p>この2点どちらかに当てはまる場合、<strong>デフォルトのカウント方法が「イベントごと」ではない可能性があるので、念のため確認したほうがよいでしょう。</strong></p>
<p>確認方法は、<a href="https://support.google.com/analytics/answer/13366706?hl=ja&amp;ref_topic=10313214" target="_blank" rel="noopener">［GA4］コンバージョンのカウント方法について</a>をご覧ください。</p>
<h3>コンバージョンの設定可能数</h3>
<p>UAでは、ビューごとに20個までコンバージョンを設定できました。</p>
<p>一方GA4は、「ビュー」がなくなり、「プロパティ」ごとに30個までとなります。<br />
有料版を利用している場合は、プロパティごとに50個までコンバージョンを設定できます。</p>
<h2>GA4でのコンバージョンの設定方法</h2>
<p>それでは、実際の設定方法を紹介します。</p>
<h3>GA4の管理画面から新しくイベントを作成して使用する場合</h3>
<ol>
<li>管理画面のプロパティから「イベント」を選択し、「イベントを作成」をクリックします。<br />
<img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/event1-1024x618.png" alt="管理画面のプロパティから「イベント」を選択" width="1024" height="618" class="aligncenter wp-image-15171 size-large" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/event1-1024x618.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/event1-360x217.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/event1-768x463.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/event1-464x280.png 464w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></li>
<li>「作成」を順にクリックします。<br />
<img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/event2-1024x75.png" alt="「作成」をクリック" width="1024" height="75" class="aligncenter wp-image-15172 size-large" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/event2-1024x75.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/event2-360x26.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/event2-768x56.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/event2-500x37.png 500w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></li>
<li>イベントの作成画面にて、それぞれ必要事項を入力します。
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/event3-1024x729.png" alt="ページビューイベント設定方法" width="1024" height="729" class="aligncenter size-large wp-image-15173" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/event3-1024x729.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/event3-337x240.png 337w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/event3-768x547.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/event3-393x280.png 393w" sizes="auto, (max-width: 1024px) 100vw, 1024px" />※上記はページの表示でイベント計測する設定例です</p></li>
<li><span style="font-weight: 400;">イベント一覧で「コンバージョンとしてマークを付ける」を有効にする</span></li>
</ol>
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/コンバージョンとしてマークを付ける.png" alt="コンバージョンとしてマークを付ける" width="700" height="349" class="size-full wp-image-12651 aligncenter" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/コンバージョンとしてマークを付ける.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/コンバージョンとしてマークを付ける-360x179.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/コンバージョンとしてマークを付ける-500x249.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<h3>GTMを使ったコンバージョンの設定方法</h3>
<p>イベントの作成はGoogleタグマネージャー（GTM）からも設定できます。<br />
より複雑な設定を行いたい場合や、複数個所で使用する予定がある場合は、GTMを利用してイベントを作成することをおすすめします。</p>
<p>詳しいイベントの設定方法は、<a href="https://bruceclay.jpn.com/column/ga4-event/" target="_blank" rel="noopener">こちら</a>からご覧ください。</p>
<p>次に、作成したイベントをコンバージョンとして設定します。<br />
上記の手順で、「問い合わせ完了」というイベント名を付けたと仮定して、紹介します。</p>
<ol>
<li>管理画面のプロパティから「コンバージョン」を選択します。</li>
<li>「新しいコンバージョンイベント」をクリックします。
<p id="gdcalert3"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/新しいコンバージョンイベントの作成.png" alt="新しいコンバージョンイベントの作成" width="700" height="295" class="alignnone size-full wp-image-12653" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/新しいコンバージョンイベントの作成.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/新しいコンバージョンイベントの作成-360x152.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/新しいコンバージョンイベントの作成-500x211.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
</li>
<li>先ほど作成したイベントの名前（問い合わせ完了）を入力して、保存を押します。<br />
この時、イベント名に間違いがないかしっかりと確認しましょう。
<p id="gdcalert4"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/新しいイベント名の設定.png" alt="新しいイベント名の設定" width="4304" height="1111" class="alignnone size-full wp-image-12652" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/新しいイベント名の設定.png 4304w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/新しいイベント名の設定-360x93.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/新しいイベント名の設定-1024x264.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/新しいイベント名の設定-768x198.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/新しいイベント名の設定-500x129.png 500w" sizes="auto, (max-width: 4304px) 100vw, 4304px" /></p>
</li>
</ol>
<p>正しくイベントが設定されていると、「コンバージョンイベント」の一覧に表示されます。</p>
<p>新しく作成したイベントは一定時間経過しないと、レポートに反映されません。<br />
レポートに反映されてから、コンバージョンとして設定してしまうと、それまでに計測されていたイベントは、さかのぼってコンバージョンとして計測できません。<br />
そのため、新規でイベントを作成したい場合は上記ステップで設定しましょう。</p>

<h2>GA4でのコンバージョンの確認方法</h2>
<p>次に、設定したコンバージョンの確認方法を紹介します。</p>
<h3>コンバージョン数</h3>
<p>レポート画面のエンゲージメントから「コンバージョン」を選択します。<br />
ここで、コンバージョン数を確認できます。</p>
<p id="gdcalert6"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/コンバージョン数の確認.png" alt="コンバージョン数の確認" width="700" height="251" class="alignnone size-full wp-image-12650" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/コンバージョン数の確認.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/コンバージョン数の確認-360x129.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/コンバージョン数の確認-500x179.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<h3>コンバージョンしたページ</h3>
<p>レポート画面のエンゲージメントから「ページとスクリーン」を選択します。</p>
<p>ここで、どのページでコンバージョンが発生したか確認できます。<br />
特定のコンバージョンに絞り込んで数値を確認することもできます。</p>
<p id="gdcalert7"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/コンバージョンしたページの確認.png" alt="コンバージョンしたページの確認" width="700" height="311" class="alignnone size-full wp-image-12649" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/コンバージョンしたページの確認.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/コンバージョンしたページの確認-360x160.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/コンバージョンしたページの確認-500x222.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<h3>流入経路別のコンバージョン数</h3>
<p>レポート画面の集客から「トラフィック獲得」を選択します。<br />
ここで、流入経路別でコンバージョンの獲得数が確認できます。<br />
こちらも、特定のコンバージョンに絞り込んで数値を確認できます。</p>
<p id="gdcalert8"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/流入経路別のコンバージョン.png" alt="流入経路別のコンバージョン" width="700" height="319" class="alignnone size-full wp-image-12648" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/流入経路別のコンバージョン.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/流入経路別のコンバージョン-360x164.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/流入経路別のコンバージョン-500x228.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<h3>ファネルデータ探索を見る</h3>
<p>※2023年6月に「目標到達プロセス」から「ファネルデータ探索」に名称が変更されました。</p>
<ol>
<li>探索画面から「ファネルデータ探索」を選択します。
<p id="gdcalert9"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/ファネルデータ探索.png" alt="ファネルデータ探索を選択" width="700" height="255" class="alignnone size-full wp-image-12647" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/ファネルデータ探索.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/ファネルデータ探索-360x131.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/ファネルデータ探索-500x182.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
</li>
<li>ステップの左にある編集マークをクリックします。
<p id="gdcalert10"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/ステップの編集.png" alt="ステップの編集" width="700" height="360" class="alignnone size-full wp-image-12646" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/ステップの編集.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/ステップの編集-360x185.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/ステップの編集-500x257.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
</li>
<li>ファネルのステップの編集で各ステップを入力します。
<p id="gdcalert11"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/ファネルのステップの編集.png" alt="ファネルのステップの編集" width="700" height="424" class="alignnone size-full wp-image-12645" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/ファネルのステップの編集.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/ファネルのステップの編集-360x218.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/ファネルのステップの編集-462x280.png 462w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
</li>
</ol>
<p>ここで、指定した経路をたどったコンバージョンへの遷移数を確認できます。</p>
<h2>GA4でコンバージョンが計測されない時の対処方法</h2>
<p>コンバージョンの設定が完了しても、レポート上で確認できない場合は、次の内容を確認してみてください。</p>
<h3>時間をおいてみる</h3>
<p>コンバージョンを設定してすぐは、レポート上に反映されません。<br />
最大でも48時間は処理に時間がかかる場合もあるため、1日程度待ってみましょう。</p>
<h3>イベントの設定を確認</h3>
<p>イベントが正しく設定されているか、GA4やGTMで確認してみましょう。</p>
<p>GA4でイベントを設定した場合、一致条件やパラメータ値などが間違っていないか、管理画面から確認します。<br />
GTMでイベントを設定した場合は、イベント名やトリガー条件などの設定が正しいか確認します。</p>
<h3>除外フィルタの確認</h3>
<p>特定のIPアドレスや、特定の参照元からのアクセス除外設定を行っていることがあります。</p>
<p>除外フィルタがかかっていると、そこから発生したコンバージョンは計測されません。</p>
<p>管理画面のプロパティにある「データストリーム」から「タグの設定を行う」を選びます。設定の横にある「すべて表示」をクリックして、「内部トラフィックの定義」と「除外する参照のリスト」を確認してみましょう。</p>
<p id="gdcalert12"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/除外フィルタの確認.png" alt="除外フィルタの確認" width="700" height="465" class="alignnone size-full wp-image-12644" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/除外フィルタの確認.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/除外フィルタの確認-360x240.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/除外フィルタの確認-422x280.png 422w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<h2>まとめ</h2>
<p>いかがでしたか。<br />
弊社では、GA4を使った様々な分析を行い、Webサイトの改善につなげています。<br />
Webサイトのパフォーマンスにお困りの方がいましたらお気軽に<a href="https://bruceclay.jpn.com/contact-form/">お問い合わせ</a>ください。</p>
<p>GA4で正しくコンバージョンを設定して、今後も適切なデータをGoogleアナリティクスで収集していきましょう。</p>
<div class="jso-cursor-trail-wrapper" style="position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; overflow: hidden; pointer-events: none; z-index: 9999;">
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
</div><p>The post <a href="https://bruceclay.jpn.com/column/ga4-conversion/">【画像付き】GA4のコンバージョン設定方法や確認の仕方、計測されない時の対処法について紹介</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>GA4のイベントってなに？イベントの種類や設定の仕方と確認方法まで解説！</title>
		<link>https://bruceclay.jpn.com/column/ga4-event/</link>
		
		<dc:creator><![CDATA[marke@bcj]]></dc:creator>
		<pubDate>Mon, 03 Jul 2023 03:00:41 +0000</pubDate>
				<category><![CDATA[#GoogleAnalytics]]></category>
		<category><![CDATA[#基礎知識]]></category>
		<category><![CDATA[#計測環境]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=12507</guid>

					<description><![CDATA[<p>Googleアナリティクス4（GA4）のイベントは、従来のUA（ユニバーサルアナリティクス）と考え方が大きく異なります。GA4では、ページビューもクリックもフォーム送信もすべて「イベント」として記録され、ユーザーの行動を [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/ga4-event/">GA4のイベントってなに？イベントの種類や設定の仕方と確認方法まで解説！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<div>
<div>Googleアナリティクス4（GA4）のイベントは、従来のUA（ユニバーサルアナリティクス）と考え方が大きく異なります。GA4では、ページビューもクリックもフォーム送信もすべて「イベント」として記録され、ユーザーの行動をより詳細に追跡できます。</div>

<div>この記事では、GA4におけるイベントの定義やUAとの違い、イベントの4つの種類（自動収集・拡張計測・推奨・カスタム）の概要から、設定・確認方法までをわかりやすく解説。GA4のイベントを正しく理解して、より精度の高いデータ分析を実現しましょう。</div>
</div>
<h2>GA4におけるイベントとは</h2>
<p>まず、GA4でのイベントの意味やUAとの違いを簡単に紹介します。</p>
<h3>GA4でのイベントの定義</h3>
<p>GA4の「イベント」とは、<span class="marker-yellow">ウェブサイトやアプリでユーザーが起こした行動のことを指します。</span></p>
<p>イベントは「イベント名」と「イベントパラメータ」で構成されています。<br />
それぞれ、イベント名で「どのようなイベントか」を表し、イベントパラメータで「どのような、どのくらいの」といったイベントに紐づいた付加情報を設定します。</p>
<p>たとえば、ECサイトで購入が完了したタイミングでイベントを計測するとします。「購入」というイベントに対して、「item_id」（商品固有のID）や「price」（価格）などのパラメータを付け加えることで、ユーザーが何をどのくらい買ったのか把握することが可能になります。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12508" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/イベントパラメーターとパラメータ値.png" alt="イベントパラメーターとパラメータ値" width="700" height="440" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/イベントパラメーターとパラメータ値.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/イベントパラメーターとパラメータ値-360x226.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/イベントパラメーターとパラメータ値-445x280.png 445w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<p id="gdcalert2"> </p>
<h3>GA4とUAのイベントの違い</h3>
<p>UAにも「イベント」と呼ばれるものはありましたが、GA4とは異なります。</p>
<p>UAではページビューを軸にデータを計測していました。<br />
そのなかで、スクロール率やファイルのダウンロードなど、ページビュー軸では計測のできないデータを計測したい場合に、イベントとして設定する必要がありました。</p>
<p>一方、GA4ではイベント（つまり“ユーザーの行動”）をデータの計測単位として使用しており、ページビューを含め、全てがイベントとして記録されるようになりました。</p>
<p>つまり、UAでは把握できなかったユーザーのサイト内での行動がGA4では把握できるようになりました。<span class="marker-yellow">ユーザーの具体的な行動をより詳しく分析できるようになったということです。</span><br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12510" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/UAとGA4のイベントの違い.png" alt="UAとGA4のイベントの違い" width="700" height="347" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/UAとGA4のイベントの違い.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/UAとGA4のイベントの違い-360x178.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/UAとGA4のイベントの違い-500x248.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<h3>GA4の「キーイベント」</h3>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-18573" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/keyevent.png" alt="キーイベントとしてマークを付けるにチェック" width="900" height="506" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/keyevent.png 900w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/keyevent-360x202.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/keyevent-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/keyevent-498x280.png 498w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<div>
<div>キーイベントとは、イベントの中でも重要な指標を指します。いわゆる、「コンバージョン」です。問い合わせや資料ダウンロード、購入などのコンバージョンポイントについてはイベント作成時に以下のようにチェックを付けることで「キーイベント」として計測がされます。</div>
<div> </div>

<div>キーイベントの設定方法の詳細については以下の記事を参考にしてください。</div>

<div><a href="https://bruceclay.jpn.com/column/ga4-conversion/" class="tmt-blog-card">
            <div class="tmt-blog-card-box">
                <div class="tmt-blog-card-thumbnail"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/【ブログ】アイキャッチ_GA4コンバージョン.jpg" alt="【画像付き】GA4のコンバージョン設定方法や確認の仕方、計測されない時の対処法について紹介" width="200" height="112"/></div>
                <div class="tmt-blog-card-content">
                    <div class="tmt-blog-card-title">【画像付き】GA4のコンバージョン設定方法や確認の仕方、計測されない時の対処法について紹介</div>
                    <div class="tmt-blog-card-excerpt">アクセス解析をおこなううえで、コンバージョンの計測はとても重要です。 UAのサービスが終了した今、GA4でコンバージョンを設定することが必須となりました。 UA...</div>
                </div>
            </div>
            <div class="tmt-blog-card-site"></div>
        </a></div>
</div>
<h2>GA4におけるイベントの種類</h2>
<p>GA4のイベントには、大きく分けて4種類あります。</p>
<table style="width: 70.2483%;">
<tbody>
<tr>
<td style="width: 35.1515%; text-align: center; background-color: #c9c9c9;">イベントの種類</td>
<td style="text-align: center; width: 124.445%; background-color: #c9c9c9;">設定方法</td>
</tr>
<tr>
<td style="width: 35.1515%;">自動収集イベント</td>
<td style="width: 124.445%;">自動で収集（設定の必要なし）</td>
</tr>
<tr>
<td style="width: 35.1515%;">拡張計測機能イベント</td>
<td style="width: 124.445%;">計測の有効・無効を手動で切り替える</td>
</tr>
<tr>
<td style="width: 35.1515%;">推奨イベント</td>
<td style="width: 124.445%;">事前に定義されている中から手動で設定する</td>
</tr>
<tr>
<td style="width: 35.1515%;">カスタムイベント</td>
<td style="width: 124.445%;">独自の定義を手動で設定する。<br />
外部ツールを利用する場合もある。</td>
</tr>
</tbody>
</table>
<h3>自動収集イベント</h3>
<p>自動収集イベントとは、設定をせずとも、Googleがデフォルトで収集するイベントのことです。</p>
<p>計測したいイベントがまず自動収集イベントにあるか、確認することで設定作業の効率が上がります。<br />
自動収集イベントの計測の停止はできないので、必要なもののみをレポートや探索レポートで確認するという形になります。</p>
<p>具体例として、次のようなものがあります。</p>
<div class="bgWrap bg-r5 lightgray pc-mt-30 sp-mt-20">
<ul>
<li>first_visit：ウェブサイトまたはAndroid Instant Appに初めて訪問・起動したとき</li>
<li>user_engagement：アプリがフォアグラウンド表示されている状態、またはウェブページで1秒以上フォーカスがある状態が続いたとき</li>
<li>ad_click：広告がクリックされたとき</li>
</ul>
</div>
<p>参照元：<a href="https://support.google.com/analytics/answer/9234069?sjid=1273947776640156272-AP" target="_blank" rel="noopener">［GA4］自動収集イベント（Googleアナリティクスヘルプ）</a></p>
<h3>拡張計測機能イベント</h3>
<p>拡張計測機能イベントとは、自動収集イベントの一部です。手動で有効・無効の切り替え設定をするだけで計測が可能です。</p>
<p>計測できるイベントはウェブサイトのみですが、UAではGTMの活用やイベントの設定をする必要があった指標を簡易的に計測できるようになりました。</p>
<p>拡張計測機能イベントには、次のものがあります。</p>
<table style="width: 100.203%;">
<tbody>
<tr>
<td style="text-align: center; background-color: #c9c9c9; width: 23.9128%;">測定オプション</td>
<td style="text-align: center; background-color: #c9c9c9; width: 16.0548%;">イベント</td>
<td style="text-align: center; background-color: #c9c9c9; width: 103.228%;">計測されるタイミング</td>
</tr>
<tr>
<td style="text-align: left; width: 23.9128%;">ページビュー</td>
<td style="text-align: left; width: 16.0548%;">page_view</td>
<td style="text-align: left; width: 103.228%;">ページが読み込まれるたび、またはサイトによって閲覧履歴が更新されるたび</td>
</tr>
<tr>
<td style="text-align: left; width: 23.9128%;">スクロール数</td>
<td style="text-align: left; width: 16.0548%;">scroll</td>
<td style="text-align: left; width: 103.228%;">ページの<strong>90%の深さまで</strong>スクロールされたとき</td>
</tr>
<tr>
<td style="text-align: left; width: 23.9128%;">離脱クリック</td>
<td style="text-align: left; width: 16.0548%;">click</td>
<td style="text-align: left; width: 103.228%;">現在のドメインから移動先のリンクをクリックするたびに</td>
</tr>
<tr>
<td style="text-align: left; width: 23.9128%;">サイト内検索</td>
<td style="text-align: left; width: 16.0548%;">view_search_results</td>
<td style="text-align: left; width: 103.228%;">検索結果ページが表示されるたび</td>
</tr>
<tr>
<td style="text-align: left; width: 23.9128%;">動画エンゲージメント</td>
<td style="text-align: left; width: 16.0548%;">・video_start<br />
・video_proguress<br />
・video_complete</td>
<td style="text-align: left; width: 103.228%;">・動画の再生が開始されたとき<br />
・動画の再生時間が、全体の10%、25%、50%、75%以降まで進んだとき<br />
・動画が終了したとき</td>
</tr>
<tr>
<td style="text-align: left; width: 23.9128%;">ファイルのダウンロード</td>
<td style="text-align: left; width: 16.0548%;">file_download</td>
<td style="text-align: left; width: 103.228%;">ファイルに移動するリンクをクリックするとき</td>
</tr>
<tr>
<td style="text-align: left; width: 23.9128%;">フォームの操作</td>
<td style="text-align: left; width: 16.0548%;">・form_start<br />
・form_submit</td>
<td style="text-align: left; width: 103.228%;">・セッションで初めてフォームが操作されたとき<br />
・フォームを送信したとき</td>
</tr>
</tbody>
</table>
<p>参照元：<a href="https://support.google.com/analytics/answer/9216061" target="_blank" rel="noopener">［GA4］拡張イベント計測機能（Googleアナリティクスヘルプ）</a></p>
<h3>推奨イベント</h3>
<p>推奨イベントは、Googleから推奨されているイベントのことを指します。</p>
<p>イベント名とパラメータが事前に定義されており、目的に合わせて手動で設定する必要があります。<br />
<a href="https://support.google.com/analytics/answer/9267735" target="_blank" rel="noopener">Googleアナリティクスヘルプ</a>に、業種別に推奨されるイベントが記載されています。業種はそれぞれ、「すべてのプロパティ向け」、「オンライン販売向け」、「ゲーム向け」があります。<br />
推奨イベントを設定することで、使用できる専用のレポートもあるため、新しいイベントの作成時は、まず推奨イベントにないか確認しましょう。</p>
<p>参照元：<a href="https://support.google.com/analytics/answer/9267735" target="_blank" rel="noopener">［GA4］推奨イベント（Googleアナリティクスヘルプ）</a></p>
<p>たとえば、次のようなものになります。</p>
<h4>すべてのプロパティ</h4>
<p>業種に関係なく、Googleが推奨しているイベントです。</p>
<table style="border-collapse: collapse;">
<tbody>
<tr>
<td style="width: 50%;">イベント名</td>
<td style="width: 50%;">トリガーのタイミング</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>ad_impression</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが広告を表示したとき（アプリの場合のみ）</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>earn_virtual_currency</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが仮想通貨（コイン、ジェム、トークンなど）を獲得したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>generate_lead</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが問い合わせのためにフォームまたはリクエストを送信したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>join_group</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがグループに参加したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>login</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがログインしたとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>purchase</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが購入手続きを完了したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>refund</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが払い戻しを受け取ったとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>search</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがウェブサイトまたはアプリを検索したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>select_content</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがウェブサイトまたはアプリのコンテンツを選択したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>share</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがウェブサイトまたはアプリのコンテンツを共有したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>sign_up</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがウェブサイトまたはアプリでアカウントを登録したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>spend_virtual_currency</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが仮想通貨（コイン、ジェム、トークンなど）を使用したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>tutorial_begin</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがオンボーディングプロセス中にチュートリアルを開始したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>tutorial_complete</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがオンボーディングプロセス中にチュートリアルを完了したとき</div>
</div>
</td>
</tr>
</tbody>
</table>
<h4>オンライン販売向け</h4>
<p>小売、Eコマース、教育、不動産、旅行の分野における販売の測定時に推奨されているイベントです。</p>
<table style="border-collapse: collapse; width: 100%;">
<tbody>
<tr>
<td style="width: 50%;">イベント名</td>
<td style="width: 50%;">トリガーのタイミング</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>add_payment_info</div>
</div>
</td>
<td style="width: 50%;">ユーザーが購入手続きで支払い情報を送信したとき</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>add_shipping_info</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが購入手続きで配送情報を送信したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>add_to_cart</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがショッピングカートに商品を追加したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>add_to_wishlist</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがあとで買うリストに商品を追加したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>begin_checkout</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが購入手続きを開始したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>purchase</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが購入手続きを完了したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>refund</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが払い戻しを受け取ったとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>remove_from_cart</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがショッピングカートから商品を削除したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>select_item</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが商品やサービスのリストから商品を選択したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>select_promotion</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがプロモーションを選択したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>view_cart</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーがショッピングカートを表示したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>view_item</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが商品を閲覧したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>view_item_list</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>ユーザーが商品やサービスのリストを表示したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>
<div>
<div>view_promotion</div>
</div>
</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>
<div>
<div>ユーザーがウェブサイトまたはアプリでプロモーションを表示したとき</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<h4>見込み顧客の発掘</h4>
<p>見込み顧客の発掘時にファネル全体を測定する際の推奨されているイベントです。これらは、企業間販売、自動車販売、保険販売、またはコンバージョンがオフラインで発生するケース全般で役立ちます。</p>
<table style="border-collapse: collapse; width: 100%; height: 168px;">
<tbody>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">イベント名</td>
<td style="width: 50%; height: 24px;">トリガーのタイミング</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">generate_lead</td>
<td style="width: 50%; height: 24px;">オンラインでフォームを送信するか、オフラインで情報を送信したとき</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">qualify_lead</td>
<td style="width: 50%; height: 24px;">ユーザーが有望な見込み顧客の条件を満たすとき</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">disqualify_lead</td>
<td style="width: 50%; height: 24px;">なんらかの理由により、ユーザーが見込み顧客の条件を満たさないとき</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">working_lead</td>
<td style="width: 50%; height: 24px;">こちらから連絡した、またはお問い合わせを受けたユーザーであるとき</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">close_convert_lead</td>
<td style="width: 50%; height: 24px;">
<div>
<div>見込み顧客がコンバージョンに至った（購入者になった）とき</div>
</div>
</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">
<div>
<div>close_unconvert_lead</div>
</div>
</td>
<td style="width: 50%; height: 24px;">
<div>
<div>なんらかの理由により、見込み顧客がコンバージョンに至らなかったとき</div>
</div>
</td>
</tr>
</tbody>
</table>
<h4>ゲーム向け</h4>
<p>ゲームプロパティの測定時に推奨されているイベントです。</p>
<table style="border-collapse: collapse; width: 100%; height: 240px;">
<tbody>
<tr>
<td style="width: 50%;">イベント名</td>
<td style="width: 50%;">トリガーのタイミング</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">
<div>
<div>earn_virtual_currency</div>
</div>
</td>
<td style="width: 50%; height: 24px;">
<div>
<div>ユーザーが仮想通貨（コイン、ジェム、トークンなど）を獲得したとき</div>
</div>
</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">
<div>
<div>join_group</div>
</div>
</td>
<td style="width: 50%; height: 24px;">
<div>
<div>ユーザーがグループに参加したとき</div>
</div>
</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">
<div>
<div>level_end</div>
</div>
</td>
<td style="width: 50%; height: 24px;">
<div>
<div>ユーザーがゲームでレベルを完了したとき</div>
</div>
</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">
<div>
<div>level_start</div>
</div>
</td>
<td style="width: 50%; height: 24px;">
<div>
<div>ユーザーがゲームで新しいレベルを開始したとき</div>
</div>
</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">
<div>
<div>level_up</div>
</div>
</td>
<td style="width: 50%; height: 24px;">
<div>
<div>ユーザーがゲーム内でレベルアップしたとき</div>
</div>
</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">
<div>
<div>post_score</div>
</div>
</td>
<td style="width: 50%; height: 24px;">
<div>
<div>ユーザーがスコアを投稿したとき</div>
</div>
</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">
<div>
<div>select_content</div>
</div>
</td>
<td style="width: 50%; height: 24px;">
<div>
<div>ユーザーがコンテンツを選択したとき</div>
</div>
</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">
<div>
<div>spend_virtual_currency</div>
</div>
</td>
<td style="width: 50%; height: 24px;">
<div>
<div>ユーザーが仮想通貨（コイン、ジェム、トークンなど）を使用したとき</div>
</div>
</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">
<div>
<div>tutorial_begin</div>
</div>
</td>
<td style="width: 50%; height: 24px;">
<div>
<div>ユーザーがオンボーディングプロセス中にチュートリアルを開始したとき</div>
</div>
</td>
</tr>
<tr style="height: 24px;">
<td style="width: 50%; height: 24px;">
<div>
<div>tutorial_complete</div>
</div>
</td>
<td style="width: 50%; height: 24px;">
<div>
<div>ユーザーがオンボーディングプロセス中にチュートリアルを完了したとき</div>
</div>
</td>
</tr>
<tr>
<td style="width: 50%;">
<div>
<div>
<div>
<div>unlock_achievement</div>
</div>
</div>
</div>
</td>
<td style="width: 50%;">
<div>
<div>
<div>
<div>ユーザーが実績を達成したとき</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<h3>カスタムイベント</h3>
<p>カスタムイベントは、今までに紹介した3種類のイベント以外のデータを計測するために作成するイベントです。</p>
<p>イベント名やパラメータなど全てを設定するため、独自でイベントを定義することができます。<br />
より複雑な計測指標の設定が必要になる場合は、Googleタグマネージャー（GTM）などの外部ツールの活用も必要になります。</p>
<h2>GA4のイベント設定方法</h2>
<p>ではここからは、GA4でのイベントの設定方法を紹介します。</p>
<h3>拡張計測機能イベントの設定方法</h3>
<p>拡張計測機能イベントを使用する場合は、次の手順で設定します。</p>
<ol>
<li>管理画面のプロパティにある「データストリーム」→「ウェブ」を選びます。<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12520" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/データストリームからウェブ.png" alt="データストリームからウェブ" width="700" height="207" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/データストリームからウェブ.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/データストリームからウェブ-360x106.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/データストリームからウェブ-500x148.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
<li>ウェブストリームの詳細から拡張計測機能の右にある歯車をクリックします。<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12519" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/拡張計測機能.png" alt="拡張計測機能の設定" width="700" height="186" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/拡張計測機能.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/拡張計測機能-360x96.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/拡張計測機能-500x133.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
<li>計測したいイベントを有効にして、「保存」をクリックします。</li>
</ol>
<h3>推奨イベントとカスタムイベントの設定方法</h3>
<p>推奨イベントとカスタムイベントの設定方法を紹介します。この2つは同じ方法で設定できます。</p>
<ol>
<li>管理画面のプロパティにある「イベント」を選びます。</li>
<li>イベントのなかの「イベントの作成」を選びます。<br />
「作成」をクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12518" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/イベントの作成.png" alt="イベントの新規作成" width="700" height="332" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/イベントの作成.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/イベントの作成-360x171.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/イベントの作成-500x237.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
<li>イベントの作成画面にて、カスタムイベント名、一致する条件、パラメータ、パラメータ値をそれぞれ入力します。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12517" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/イベント名.png" alt="イベント名の入力" width="700" height="449" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/イベント名.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/イベント名-360x231.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/イベント名-437x280.png 437w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
</ol>
<h4>GTMを使用したカスタムイベントの設定方法</h4>
<p>推奨イベントとカスタムイベントは、GTMでも設定できます。</p>
<ol>
<li>ワークスペースから「タグ」を選びます。<br />
「新規」をクリックします。</li>
<li>「タグの設定」を選ぶと、タグタイプが選べます。<br />
「Google アナリティクス：GA4イベント」を選びます。<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12515" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグタイプの選択.png" alt="タグタイプの選択" width="4400" height="1861" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグタイプの選択.png 4400w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグタイプの選択-360x152.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグタイプの選択-1024x433.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグタイプの選択-768x325.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグタイプの選択-500x211.png 500w" sizes="auto, (max-width: 4400px) 100vw, 4400px" /></li>
<li>イベント名を入力します。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12525" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/GTMでタグの設定.png" alt="GTMでタグの設定" width="700" height="606" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/GTMでタグの設定.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/GTMでタグの設定-277x240.png 277w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/GTMでタグの設定-323x280.png 323w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
<li>「タグの設定」の下にある「トリガー」をクリックします。<br />
右上にあるプラスボタン（+）をクリックします。</li>
<li>トリガーの設定をクリックして、トリガーのタイプを選びます。</li>
<li>任意のタイプを選び、それぞれ必要事項を記入します。<br />
最後に保存をクリックします。</li>
</ol>
<h2>設定したイベントの計測がされているかの確認方法</h2>
<p>イベントを設定したあとは、きちんと計測されているか確認しておきましょう。<br />
確認方法は3つあります。</p>
<h3>イベントメニューから確認</h3>
<p>管理画面のプロパティにある「イベント」から確認できます。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12513" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/GA4で確認.png" alt="GA4でイベントの確認" width="700" height="332" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/GA4で確認.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/GA4で確認-360x171.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/GA4で確認-500x237.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<p>「既存のイベント」欄に反映されていれば、問題ありません。<br />
ただし、イベントレポート画面に設定後すぐにデータが反映されない場合もあります。確認できない場合は、少し時間をおいてみましょう。</p>
<h3>GTMから確認</h3>
<p>GTMを使用してイベントの設定をしている場合はGTMのプレビューモードからも確認できます。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12512" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/GTMで確認.png" alt="GTMでタグの発火を確認" width="3093" height="1935" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/GTMで確認.png 3093w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/GTMで確認-360x225.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/GTMで確認-1024x641.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/GTMで確認-768x480.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/GTMで確認-448x280.png 448w" sizes="auto, (max-width: 3093px) 100vw, 3093px" /></p>
<p>「Tags Fired」の項目に、設定したイベントタグが表示されていれば、正常にタグが発火している状態です。</p>
<h3>DebugViewから確認</h3>
<div>
<div>DebugViewは、GA4のプロパティ内にある開発者向けのリアルタイムデバッグ画面です。イベントがいつ・どんな順番で・どんなパラメータ付きで発火したかを、時系列で詳しく確認できます。「設定」の下部にある「DebugView」から開けます。</div>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-18569" src="https://bruceclay.jpn.com/wp-content/uploads/2023/07/DebugView.png" alt="DebugViewの開き方" width="900" height="506" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/07/DebugView.png 900w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/DebugView-360x202.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/DebugView-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/07/DebugView-498x280.png 498w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<div>DebugViewの確認には、<a href="https://chromewebstore.google.com/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna?hl=ja" target="_blank" rel="nofollow noopener">Google Analytics Debugger</a>という拡張機能をしようします。拡張機能を起動し、上記GAの画面を開くと以下のように、時系列で起こったイベントと、直近30分で起こったイベントの多い順が表示されます。</div>

<div>ここでは、時系列で起こったイベントと、直近30分で起こったイベントの多い順が表示されます。</div>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12511" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/DebugViewで確認.png" alt="DebugViewでイベントの確認" width="700" height="668" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/DebugViewで確認.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/DebugViewで確認-251x240.png 251w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/DebugViewで確認-293x280.png 293w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p></div>
<h2>まとめ</h2>
<div>
<div>GA4でデータの計測環境を整えて必要なデータを収集することで、より詳細な分析や多角的な分析が可能になります。関係者の計測を除外したい場合は、以下の記事を参考に内部トラフィックの除外をすることもおすすめです。</div>

<div><a href="https://bruceclay.jpn.com/column/ip-address/" class="tmt-blog-card">
            <div class="tmt-blog-card-box">
                <div class="tmt-blog-card-thumbnail"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/【ブログ】アイキャッチ_作成用-6.jpg" alt="GA4でIPアドレスを使ってアクセス（内部トラフィック）を除外する方法" width="200" height="113"/></div>
                <div class="tmt-blog-card-content">
                    <div class="tmt-blog-card-title">GA4でIPアドレスを使ってアクセス（内部トラフィック）を除外する方法</div>
                    <div class="tmt-blog-card-excerpt">Googleアナリティクス4（GA4）では、社内や関係者によるアクセスを除外することで、より正確なユーザーデータの分析が可能になります。この記事では、IPアドレ...</div>
                </div>
            </div>
            <div class="tmt-blog-card-site"></div>
        </a></div>

<div>より効率的に必要なユーザーの行動データを収集して活用することに、この記事が少しでも役立てばと思います。</div>
</div><p>The post <a href="https://bruceclay.jpn.com/column/ga4-event/">GA4のイベントってなに？イベントの種類や設定の仕方と確認方法まで解説！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>GA4でIPアドレスを使ってアクセス（内部トラフィック）を除外する方法</title>
		<link>https://bruceclay.jpn.com/column/ip-address/</link>
		
		<dc:creator><![CDATA[marke@bcj]]></dc:creator>
		<pubDate>Sat, 24 Jun 2023 03:00:33 +0000</pubDate>
				<category><![CDATA[#GoogleAnalytics]]></category>
		<category><![CDATA[#計測環境]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=12423</guid>

					<description><![CDATA[<p>Googleアナリティクス4（GA4）では、社内や関係者によるアクセスを除外することで、より正確なユーザーデータの分析が可能になります。この記事では、IPアドレスを利用して不要な内部トラフィックを除外する方法と、その際の [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/ip-address/">GA4でIPアドレスを使ってアクセス（内部トラフィック）を除外する方法</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p><span class="relative -mx-px my-[-0.2rem] rounded px-px py-[0.2rem] transition-colors duration-100 ease-in-out">Googleアナリティクス4（GA4）では、社内や関係者によるアクセスを除外することで、より正確なユーザーデータの分析が可能になります。</span><span class="relative -mx-px my-[-0.2rem] rounded px-px py-[0.2rem] transition-colors duration-100 ease-in-out">この記事では、IPアドレスを利用して不要な内部トラフィックを除外する方法と、その際の注意点をわかりやすく解説します。</span><span class="relative -mx-px my-[-0.2rem] rounded px-px py-[0.2rem] transition-colors duration-100 ease-in-out">GA4の設定を見直し、信頼性の高いデータ分析を実現しましょう。</span></p>
<p>GA4についての概要は下記記事をご覧ください。</p>
<div class="blog-card-box">
<a href="https://bruceclay.jpn.com/column/ga4/" class="tmt-blog-card">
            <div class="tmt-blog-card-box">
                <div class="tmt-blog-card-thumbnail"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/【ブログ】アイキャッチ_作成用.png" alt="GA4（Google Analitics4）とは？特徴と設定方法、UAとのちがいについて" width="200" height="113"/></div>
                <div class="tmt-blog-card-content">
                    <div class="tmt-blog-card-title">GA4（Google Analitics4）とは？特徴と設定方法、UAとのちがいについて</div>
                    <div class="tmt-blog-card-excerpt">みなさんはもう、UAからGA4への移行は終了しましたか？ UAのサービス終了が2023年7月に迫った今、移行済みの方もまだ済んでいない方も、この記事を読んでGA...</div>
                </div>
            </div>
            <div class="tmt-blog-card-site"></div>
        </a>
</div>
<p>この記事では、GA4でIPアドレスを除外する方法や注意点などを紹介します。</p>
<h2>IPアドレスとは</h2>
<p>IPアドレスとは「Internet Protocol Address」の略で、ネットワーク通信のために、パソコンやスマートフォンなどに割り振られる番号のことです。</p>
<p>たとえば、私たちは日々、インターネットを活用し、情報収集や友人と連絡を取り合うなど、さまざまなことを行っています。これらの行動をするためには、データの受信元や送信先を識別しなければなりません。この識別に使われるのが、IPアドレスです。<strong>荷物を届けるために書く家の住所</strong>や、<strong>連絡を取り合うために使う電話番号</strong>のようなイメージになります。</p>
<p>形式としては、「IPv4」と「IPv6」の2種類があります。「IPv4」は<strong>192.168.0.1のように数字で構成される</strong>もの、「IPv6」は<strong>2001:0db8:85a3::8a2e:0370:7334のように、英数字で構成されるもの</strong>です。</p>
<h2>IPアドレス除外の必要性</h2>
<p>GA4でのIPアドレス除外設定を紹介する前に、アクセス解析ツールにおけるIPアドレス除外の必要性について簡単に説明します。</p>
<h3>GA4でIPアドレスを除外する理由</h3>
<p>そもそも、なぜアクセス解析ツールにおいて、IPアドレスを除外する必要があるのでしょうか。<br />
答えとしては、ウェブサイトへのアクセス情報を分析するときに、自社や代理店、制作会社など、ユーザーではない人物のアクセス数といった、分析意図にそぐわないデータが含まれないようにするためです。</p>
<p>自社や関係会社の社員は、業務上実際の画面でのデザインの見え方やシステムが想定通りに作動しているかなどで、ウェブサイトを確認する場面が多くあります。<br />
たとえば、サイトを開設してすぐの場合は、計測データのうち、自社や関係者によるアクセスの割合が多くなりがちです。これでは、求めているデータが収集できているとは言えません。</p>
<p><span class="marker-yellow">より正しい数値でアクセス解析を行うためにも、IPアドレスの除外設定は必要になります。</span></p>
<h2>GA4でIPアドレスを除外する方法</h2>
<p>それでは、GA4でIPアドレスを除外する方法を紹介します。</p>
<h3>「内部トラフィックの定義」を作る</h3>
<ol>
<li>「管理」を開いて、プロパティのなかにある「データストリーム」を選びます。<br />
対象のデータストリームを選びます。
<p id="gdcalert2"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12436" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/データストリーム.png" alt="データストリーム" width="700" height="300" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/データストリーム.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/データストリーム-360x154.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/データストリーム-500x214.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
</li>
<li>ウェブストリームの詳細の下部にある「タグ設定を行う」をクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12435" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグ設定を行う-1.png" alt="タグ設定を行う" width="700" height="675" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグ設定を行う-1.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグ設定を行う-1-249x240.png 249w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグ設定を行う-1-290x280.png 290w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
<li>設定の右にある「すべて表示」をクリックします。<br />
「内部トラフィックの定義」をクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12434" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/内部トラフィックの定義.png" alt="内部トラフィックの定義" width="700" height="421" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/内部トラフィックの定義.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/内部トラフィックの定義-360x217.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/内部トラフィックの定義-466x280.png 466w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
<li>「作成」をクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12433" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/内部トラフィックのルール作成.png" alt="内部トラフィックのルール作成" width="700" height="174" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/内部トラフィックのルール作成.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/内部トラフィックのルール作成-360x89.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/内部トラフィックのルール作成-500x124.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
<li>ルール名とIPアドレスのマッチタイプ、IPアドレスを入力します。除外したいIPアドレスが複数ある場合は、「条件を追加」を選択することで、複数の条件を設定できます。条件はAND条件ではなく、OR条件となります。<br />
パラメータ値はデフォルトで「internal」となっています。特に変更する必要はありませんが、除外対象を分けて管理したい場合は、任意で値を変更してください。<br />
全て入力したら、右上にある「作成」をクリックして完了です。
<p id="gdcalert6"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12432" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/ルール名とIPアドレスの入力.png" alt="ルール名とIPアドレスの入力" width="700" height="463" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/ルール名とIPアドレスの入力.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/ルール名とIPアドレスの入力-360x238.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/ルール名とIPアドレスの入力-423x280.png 423w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
</li>
</ol>
<h4>IPアドレスのマッチタイプ</h4>
<p>選択できるIPアドレスのマッチタイプは以下になります。</p>
<ul>
<li>IPアドレスが次と等しい</li>
<li>IPアドレスが次から始まる</li>
<li>IPアドレスが次で終わる</li>
<li>IPアドレスが次を含む</li>
<li>IPアドレスが範囲内（CIDR表記で指定）</li>
<li><span class="marker-pink">IPアドレスが正規表現に一致</span></li>
</ul>
<p>正規表現に一致させるマッチタイプは、最近のアップデートにより追加されました。<br />
ただし、<span class="marker-yellow">UAとはデフォルトの一致条件が異なるため注意が必要です。</span></p>
<p>参考：<a href="https://support.google.com/analytics/answer/1034324?hl=ja" target="_blank" rel="noopener">正規表現（regex）について（Googleアナリティクスヘルプ）</a></p>
<h4>IPv4とIPv6アドレスの設定方法</h4>
<p>現在の形式がIPv4とIPv6のどちらかわからない場合は、次の方法で確認してみてください。</p>
<p>「内部トラフィックの定義」の作成画面で、IPアドレスの右側にある「IPアドレスを確認」をクリックします。<br />
遷移先で、任意のサイトを開いて、現在使用しているIPアドレスのバージョンを確認します。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12439" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/IPアドレスを確認.png" alt="IPアドレスを確認" width="700" height="334" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/IPアドレスを確認.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/IPアドレスを確認-360x172.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/IPアドレスを確認-500x239.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<p>IPv6アドレスを設定したい場合、値にはIPアドレスの最初から4つ目のコロン（：）までを入力します。</p>
<h3>データフィルタを作る</h3>
<p><span class="marker-yellow">内部トラフィックの定義を作成しただけでは、IPアドレスの除外設定は完了していません。</span>作成したら、データフィルタを有効にする必要があります。</p>
<ol>
<li>「管理」からプロパティ列の「データ設定」→「データフィルタ」を選びます。<br />
「フィルタを作成」をクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12437" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/データフィルタ.png" alt="データフィルタ" width="700" height="407" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/データフィルタ.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/データフィルタ-360x209.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/データフィルタ-482x280.png 482w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
<li>「内部トラフィック」をクリックします。</li>
<li>データフィルタ名を入力します。</li>
<li>フィルタの状態で「有効」を選びます。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12438" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/フィルタ状態（有効）.png" alt="フィルタ状態（有効）" width="700" height="776" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/フィルタ状態（有効）.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/フィルタ状態（有効）-216x240.png 216w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/フィルタ状態（有効）-253x280.png 253w" sizes="auto, (max-width: 700px) 100vw, 700px" /></li>
<li>「作成」をクリックします。</li>
</ol>
<h4>データフィルタ名の設定条件</h4>
<p>データフィルタの名前は、以下の条件を満たす必要があります。</p>
<ul>
<li>同じプロパティ内の他のデータフィルタと重複しないこと</li>
<li>先頭がUnicode文字であること</li>
<li>Unicode文字、数字、アンダースコア、スペース以外の文字を使用していないこと</li>
<li>40文字であること</li>
</ul>
<p>引用元：<a href="https://support.google.com/analytics/answer/10104470?hl=ja#cidr&amp;zippy=" target="_blank" rel="nofollow noopener">［GA4］内部トラフィックの除外（Googleアナリティクスヘルプ）</a></p>
<h4>それぞれのフィルタの状態</h4>
<p>フィルタの状態で選択できる3つは、以下の状態を意味します。</p>
<table>
<tbody>
<tr>
<td>テスト</td>
<td>［テストデータのファイル名］ディメンションに基づいて、一致するデータが特定される。</td>
</tr>
<tr>
<td>有効</td>
<td>受信データのデータフィルタが適用され、永続的に変更が行われる。</td>
</tr>
<tr>
<td>無効</td>
<td>フィルタの評価は行われない。</td>
</tr>
</tbody>
</table>
<p>引用元：<a href="https://support.google.com/analytics/answer/10104470?hl=ja#cidr&amp;zippy=" target="_blank" rel="nofollow noopener">［GA4］内部トラフィックの除外（Googleアナリティクスヘルプ）</a></p>
<p>それぞれについて補足すると、以下のような状態を指します。</p>
<p>テスト状態だと、ディメンションとしてtraffic_typeのパラメータ値（internal）をレポートで確認できます。つまり、内部（関係者）からのアクセス数やページビュー数と分かったうえでデータを把握できます。<br />
有効状態だと、内部データが除外され、レポートで確認できません。<br />
無効状態だと、内部データは除外されず、レポートにそのまま含まれます。テスト状態と異なり、ディメンションとして設定できません。</p>
<p>そのため、関係者からのアクセスを除外したくはないが、どれだけいるかということを把握したい場合にはテスト状態、関係者からのアクセス情報が必要ない場合は有効状態に設定するとよいでしょう。</p>
<h2>GA4でIPアドレスの除外設定を確認する方法</h2>
<p>IPアドレスの除外設定が正しく反映されているか、確認しておきましょう。</p>
<ol>
<li>レポートの「リアルタイム」を選びます。</li>
<li>除外設定したIPアドレスから対象のサイトへアクセスします。</li>
<li>GA4のリアルタイムレポートで、該当のIPアドレスが計測されなければ、除外設定はきちんと反映されています。</li>
</ol>
<h2>GA4でIPアドレス除外ができない時の対処法</h2>
<p>仮に、IPアドレスの除外設定がうまく反映されておらず、計測されてしまっていた場合は次の2点を確認してみてください。</p>
<h3>設定内容の再確認</h3>
<p>まずは、除外設定の際に正しいIPアドレスを入力できているのか、再度確認してみましょう。</p>
<p>除外設定で必要なIPアドレスは、グローバルIPアドレスになります。会社の組織内で割り振られるプライベートIPアドレスではないので、注意しましょう。</p>
<h3>利用しているIPアドレスのバージョンを確認</h3>
<p>それぞれ通信方法が変わるため、現在使用しているタイプを確認したうえで、IPアドレスの除外設定をする必要があります。<br />
異なるバージョンで除外設定を行っていても反映されず計測されてしまうため、注意が必要です。</p>
<p>IPv4アドレスからIPv6アドレス、もしくはIPv6アドレスからIPv4アドレスへ設定内容を変更したい場合は、「データストリーム」から選んでいき、「内部トラフィックの定義」から変更できます。</p>
<h2>GA4でIPアドレスを除外するときの注意点</h2>
<p>IPアドレスの除外設定をするときに気を付けるべき点があります。</p>
<h3>動的IPアドレスを使用している場合</h3>
<p>IPアドレスには、動的IPアドレスと固定IPアドレスの2種類があります。</p>
<p>動的IPアドレスとは、接続するたびに違うIPアドレスを割り当てる方法です。一度接続が切れたあと、再接続すると、最初に与えられたIPアドレスとは異なるIPアドレスが、デバイスに割り当てられます。<br />
一方で、固定IPアドレスは、それぞれに専用のIPアドレスを割り当てる方法です。何度接続をしても、最初に与えられたIPアドレスから変わることはありません。</p>
<p>そのため、動的IPアドレスを社内で使用している場合は、注意が必要になります。固定IPアドレスを導入すれば、解決しますが、Googleアナリティクスの<a href="https://chrome.google.com/webstore/detail/google-analytics-opt-out/fllaojicojecljbmefodhfapmkghcbnh?hl=ja" target="_blank" rel="noopener">オプトアウトアドオン</a>という拡張機能を活用して、自身のアクセスデータがレポートに表示されないように設定しましょう。</p>
<h3>IPアドレスの除外設定が反映されるタイミング</h3>
<p>データフィルタの適用には 24〜36 時間かかることがあります。値が割り当てられていない場合は、しばらくしてからもう一度ご確認ください。<br />
引用元：<a href="https://support.google.com/analytics/answer/10104470?hl=ja#cidr&amp;zippy=" target="_blank" rel="noopener">［GA4］内部トラフィックの除外（Googleアナリティクスヘルプ）</a></p>
<p>Googleのヘルプにもあるように、GA4では反映までにある程度の時間がかかるため、余裕をもって設定を行いましょう。</p>
<p>また、設定後すぐにテストで確認を行っても、まだ反映されていない可能性があるため、少し時間をおくとよいでしょう。</p>
<h2>まとめ</h2>
<p>IPアドレスを適切に除外しておくことで、ユーザーのアクセスデータをより正しく分析できます。<br />
UAのサービス終了が目前となった今、GA4での設定をきちんと完了しておくことで、移行後も精度の高い情報を収集しましょう。</p><p>The post <a href="https://bruceclay.jpn.com/column/ip-address/">GA4でIPアドレスを使ってアクセス（内部トラフィック）を除外する方法</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>コンバージョン(CV)とは？意味や種類、CVRやCPAとの違い、CVを増やす方法まで！</title>
		<link>https://bruceclay.jpn.com/column/cv/</link>
		
		<dc:creator><![CDATA[marke@bcj]]></dc:creator>
		<pubDate>Thu, 22 Jun 2023 03:00:31 +0000</pubDate>
				<category><![CDATA[#効果測定]]></category>
		<category><![CDATA[#GoogleAnalytics]]></category>
		<category><![CDATA[#基礎知識]]></category>
		<category><![CDATA[#計測環境]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=12363</guid>

					<description><![CDATA[<p>コンバージョン（CV）とは？意味と使い方をわかりやすく解説 コンバージョン（Conversion／略してCV）とは、Webサイト上でユーザーがとる「成果につながる行動」のことです。たとえば商品の購入、資料請求、会員登録な [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/cv/">コンバージョン(CV)とは？意味や種類、CVRやCPAとの違い、CVを増やす方法まで！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<h2>コンバージョン（CV）とは？意味と使い方をわかりやすく解説</h2>
<p>コンバージョン（Conversion／略してCV）とは、Webサイト上でユーザーがとる「成果につながる行動」のことです。たとえば商品の購入、資料請求、会員登録など、サイトの目的によって内容は異なります。</p>
<p>もともと「Conversion」は「変換」や「転換」を意味する言葉で、「訪問者が“ただの閲覧者”から“見込み顧客”や“購入者”へ変わること」を表しています。<br />
つまり、ユーザーの行動が“成果”に転換された瞬間、それがコンバージョンなのです。</p>
<p>CVは、Webマーケティングにおいて非常に重要な指標です。なぜなら、<strong>サイトの成果や広告の効果を評価するための“ゴール地点”</strong>になるからです。自社サイトで何をコンバージョンと定めるかによって、集客戦略やLPの設計も大きく変わってきます。</p>
<h2 id="%E3%82%B3%E3%83%B3%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%81%AE%E5%85%B7%E4%BD%93%E4%BE%8B%E6%A5%AD%E7%A8%AE%E5%88%A5%E3%81%AB%E8%A6%8B%E3%82%8Bcv%E3%81%AE%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3" class="code-line" dir="auto" data-line="4">コンバージョンの具体例：業種別に見るCVのパターン</h2>
<p class="code-line" dir="auto" data-line="6">コンバージョン（CV）とは、Webサイトでユーザーに達成してほしい目的のことです。しかしその内容は、どの業種でも一律ではありません。自社サイトに合ったCVを正しく設計することが、Webマーケティング成功のカギになります。</p>
<p class="code-line" dir="auto" data-line="8">以下は、代表的な業種ごとのコンバージョン例です。</p>
<table class="code-line" dir="auto" data-line="9">
<thead class="code-line" dir="auto" data-line="10">
<tr class="code-line" dir="auto" data-line="10">
<th>業種・サイト種別</th>
<th>主なコンバージョン例（CV）</th>
</tr>
</thead>
<tbody class="code-line" dir="auto" data-line="12">
<tr class="code-line" dir="auto" data-line="12">
<td>ECサイト</td>
<td>商品の購入、カート投入、会員登録</td>
</tr>
<tr class="code-line" dir="auto" data-line="13">
<td>ポータルサイト</td>
<td>メルマガ登録、有料会員登録、コンテンツのダウンロード</td>
</tr>
<tr class="code-line" dir="auto" data-line="14">
<td>BtoBサイト</td>
<td>製品・サービスに関するお問い合わせ、資料請求、セミナー申し込み</td>
</tr>
<tr class="code-line" dir="auto" data-line="15">
<td>採用サイト</td>
<td>採用エントリー、採用に関する問い合わせ、会社説明会の予約</td>
</tr>
</tbody>
</table>
<p class="code-line" dir="auto" data-line="17">コンバージョンの種類を明確に設定することは、成果の可視化や施策改善につながります。たとえばECなら「購入」、採用サイトなら「エントリー」が最重要CVとなるため、自社にとっての“ゴール”を正確に定義することが重要です。</p>
<h3><span style="font-size: 2rem; letter-spacing: -0.0415625em;">コンバージョン値について</span></h3>
<p>コンバージョンに関連してコンバージョン値という指標があります。コンバージョン値とは<span class="marker-pink">コンバージョンの価値</span>の事です。</p>
<p>各コンバージョンごとに、値を割り当てることでコンバージョンの発生数だけでなく、それぞれのコンバージョンの価値まで把握できます。</p>
<p>たとえば、ECサイトにおいて購入コンバージョンの計測時に、購入商品の金額を値として取得することが可能です。値の大きい（＝価値の大きい）コンバージョンの獲得に注力することで、マーケティング施策の費用対効果を向上させることができます。</p>
<h2>CV・CVR・CPAの関係性とは？計算方法もわかりやすく解説</h2>
<p>Webマーケティングにおいて、「CV（コンバージョン）」「CVR（コンバージョン率）」「CPA（顧客獲得単価）」は、成果を測る3大指標といえます。</p>
<p>それぞれの意味と関係性を以下にまとめました。</p>
<table>
<thead>
<tr>
<th>指標</th>
<th>意味</th>
<th>CVとの関係</th>
</tr>
</thead>
<tbody>
<tr>
<td>CV</td>
<td>成果そのもの（購入・登録など）</td>
<td>基本単位として他の指標の土台になる</td>
</tr>
<tr>
<td>CVR</td>
<td>訪問者のうち何％がCVしたか</td>
<td>CV数が増えればCVRも上がる（訪問数が一定なら）</td>
</tr>
<tr>
<td>CPA</td>
<td>1件のCVにかかったコスト</td>
<td>CV数が多いほどCPAは下がる（広告費が一定なら）</td>
</tr>
</tbody>
</table>
<div class="code-line" dir="auto" data-line="37"> </div>
<p>CVが「ゴール」だとすれば、CVRは「効率」、CPAは「コスト」の視点から施策を評価する指標です。この3つをセットで把握することで、施策の改善ポイントが明確になります。</p>
<h3>CVR（コンバージョン率）とは</h3>
<p>CVRは「Conversion Rate」の略で、Webサイトに訪問したユーザーのうち、どれだけの割合がCV（成果）に至ったかを示します。</p>
<p>CVRの計算式は以下の通りです。</p>
<div class="bgWrap bg-r5 lightgray pc-mt-30 sp-mt-20">CVR（％）＝ コンバージョン数 ÷ セッション数（またはユーザー数） × 100</div>

<p>たとえば、100人がサイトを訪れ、5人が商品を購入した場合、CVRは5％です。CVRが高いほど、同じ流入数でもより多くの成果を得られていることを意味します。</p>
<p>コンバージョン率は業界や業種、扱っている商品、サービスによって異なりますが一般的には1〜3%が目安と言われています。<br />
<span class="marker-pink">コンバージョン数が多くても、コンバージョン率が低い場合、Webサイトに流入したユーザーの多くが、コンバージョンせずに離脱してしまっている</span>ことになります。</p>
<table>
<thead>
<tr>
<th>業界</th>
<th>平均CVR（検索）</th>
<th>平均CVR（GDN）</th>
</tr>
</thead>
<tbody>
<tr>
<td>アドボカシー</td>
<td>1.96%</td>
<td>1.00%</td>
</tr>
<tr>
<td>オート</td>
<td>6.03%</td>
<td>1.19%</td>
</tr>
<tr>
<td>B2B</td>
<td>3.04%</td>
<td>0.80%</td>
</tr>
<tr>
<td>消費者サービス</td>
<td>6.64%</td>
<td>0.98%</td>
</tr>
<tr>
<td>デートと出会い</td>
<td>9.64%</td>
<td>3.34%</td>
</tr>
<tr>
<td>電子商取引</td>
<td>2.81%</td>
<td>0.59%</td>
</tr>
<tr>
<td>教育</td>
<td>3.39%</td>
<td>0.50%</td>
</tr>
<tr>
<td>雇用サービス</td>
<td>5.13%</td>
<td>1.57%</td>
</tr>
<tr>
<td>金融・保険</td>
<td>5.10%</td>
<td>1.19%</td>
</tr>
<tr>
<td>健康と医療</td>
<td>3.36%</td>
<td>0.82%</td>
</tr>
<tr>
<td>家庭用品</td>
<td>2.70%</td>
<td>0.43%</td>
</tr>
<tr>
<td>産業サービス</td>
<td>3.37%</td>
<td>0.94%</td>
</tr>
<tr>
<td>法律上の</td>
<td>6.98%</td>
<td>1.84%</td>
</tr>
<tr>
<td>不動産</td>
<td>2.47%</td>
<td>0.80%</td>
</tr>
<tr>
<td>テクノロジー</td>
<td>2.92%</td>
<td>0.86%</td>
</tr>
<tr>
<td>旅行とホスピタリティ</td>
<td>3.55%</td>
<td>0.51%</td>
</tr>
</tbody>
</table>
<p>出典：<a href="https://www.wordstream.com/blog/ws/2016/02/29/google-adwords-industry-benchmarks" target="_blank" rel="&quot;noopener noopener"> Google Ads Benchmarks for YOUR Industry [Updated!]</a></p>
<h3>CPA（顧客獲得単価）とは</h3>
<p>CPAは「Cost Per Acquisition」の略で、1件のコンバージョンを獲得するためにかかったコストを表します。</p>
<p>CPAの計算式は以下の通りです。</p>
<div class="bgWrap bg-r5 lightgray pc-mt-30 sp-mt-20">CPA（円）＝ 広告費（コスト） ÷ コンバージョン数</div>

<p>たとえば、広告費が10万円で50件のCVを獲得できた場合、CPAは2,000円です。CPAが低いほど、費用対効果の高い集客や運用ができていることになります。</p>
<table>
<thead>
<tr>
<th>業界</th>
<th>平均CPA（検索）</th>
<th>平均CPA（GDN）</th>
</tr>
</thead>
<tbody>
<tr>
<td>アドボカシー</td>
<td>96.55ドル</td>
<td>70.69ドル</td>
</tr>
<tr>
<td>オート</td>
<td>33.52ドル</td>
<td>23.68ドル</td>
</tr>
<tr>
<td>B2B</td>
<td>116.13ドル</td>
<td>130.36ドル</td>
</tr>
<tr>
<td>消費者サービス</td>
<td>90.70ドル</td>
<td>60.48ドル</td>
</tr>
<tr>
<td>デートと出会い</td>
<td>76.76ドル</td>
<td>60.23ドル</td>
</tr>
<tr>
<td>電子商取引</td>
<td>45.27ドル</td>
<td>65.80ドル</td>
</tr>
<tr>
<td>教育</td>
<td>72.70ドル</td>
<td>143.36ドル</td>
</tr>
<tr>
<td>雇用サービス</td>
<td>48.04ドル</td>
<td>59.47ドル</td>
</tr>
<tr>
<td>金融・保険</td>
<td>81.93ドル</td>
<td>56.76ドル</td>
</tr>
<tr>
<td>健康と医療</td>
<td>78.09ドル</td>
<td>72.58ドル</td>
</tr>
<tr>
<td>家庭用品</td>
<td>87.13ドル</td>
<td>116.17ドル</td>
</tr>
<tr>
<td>産業サービス</td>
<td>79.28ドル</td>
<td>51.58ドル</td>
</tr>
<tr>
<td>法律上の</td>
<td>86.02ドル</td>
<td>39.52ドル</td>
</tr>
<tr>
<td>不動産</td>
<td>116.61ドル</td>
<td>74.79ドル</td>
</tr>
<tr>
<td>テクノロジー</td>
<td>133.52ドル</td>
<td>103.60ドル</td>
</tr>
<tr>
<td>旅行とホスピタリティ</td>
<td>44.73ドル</td>
<td>99.13ドル</td>
</tr>
</tbody>
</table>
<p>出典：<a href="https://www.wordstream.com/blog/ws/2016/02/29/google-adwords-industry-benchmarks" target="_blank" rel="&quot;noopener noopener"> Google Ads Benchmarks for YOUR Industry [Updated!]</a></p>
<p>CVRとCPAは、施策のパフォーマンスを評価する重要な指標です。「成果数（CV）」だけでなく、「どれだけ効率よく成果を出せているか」「いくらかかっているのか」といった多面的な視点で分析することが、Webマーケティングの最適化には不可欠です。</p>
<h2>コンバージョンの種類</h2>
<p>コンバージョンにはいくつかの種類があります。それぞれの定義や使い方を理解してWebマーケティングの改善に活用しましょう。</p>
<h3>総コンバージョン・ユニークコンバージョン</h3>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-16513" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv1.png" alt="総コンバージョンとユニークコンバージョン" width="900" height="506" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv1.png 900w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv1-360x202.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv1-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv1-498x280.png 498w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<p>総コンバージョンとはコンバージョンした回数の総数、ユニークコンバージョンはユーザー単位のコンバージョンの数です。</p>
<p>例えば、ECサイトでユーザーAが商品を3回購入した場合、総コンバージョンは3、ユニークコンバージョンは1となります。この場合、売上視点でWebサイトを評価したい場合は総コンバージョン、購入者数視点の場合はユニークコンバージョンの指標を使用します。</p>
<p>また、<span class="marker-pink">ユニークコンバージョンに対して総コンバージョンが多い場合はリピーターが多く、逆に少ない場合はリピーターが少ないと判断できます。</span></p>
<h3>直接コンバージョン・間接コンバージョン</h3>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-16514" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv2.png" alt="直接コンバージョンと間接コンバージョン" width="900" height="506" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv2.png 900w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv2-360x202.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv2-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv2-498x280.png 498w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<p>直接コンバージョンとは、ユーザーが広告などからWebサイトに訪問し、そのまま離脱せずにコンバージョンすることです。</p>
<p>対して、間接コンバージョンとは、ユーザーがWebサイトに訪問したにもかかわらずコンバージョンせずに離脱し、再びサイトに訪問した際にコンバージョンすることです。アシストコンバージョンとも呼ばれます。</p>
<p>直接コンバージョンのみを評価していた場合、潜在ユーザーの獲得が減少してしまいます。<span class="marker-pink">コンバージョンの獲得に間接的に寄与した施策やチャネルも評価することで潜在層を含めたマーケティング戦略を取ることができるため、間接コンバージョンも確認する</span>ようにしましょう。</p>
<h3>ビュースルーコンバージョン・クリックスルーコンバージョン</h3>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-16515" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv3.png" alt="ビュースルーコンバージョンとクリックスル―コンバージョン" width="900" height="506" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv3.png 900w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv3-360x202.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv3-768x432.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/cv3-498x280.png 498w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<p>ビュースルーコンバージョンとは、ユーザーが表示された広告をクリックしなかったものの、後から自然検索など別チャネルからWebサイトに訪問しコンバージョンすることです。主にディスプレイ広告やSNS広告で用いられ、広告の間接効果を測る指標として用いられます。</p>
<p>クリックスルーコンバージョンとは、広告をクリックしたユーザーが、コンバージョンした回数です。</p>
<h2>マイクロコンバージョンとは？</h2>
<p>マイクロコンバージョンとは、最終的なコンバージョンまでの過程に設定するコンバージョンのことです。サイトの中間目標のことを指します。</p>
<p>例えば、ECサイトで「購入」が最終的なコンバージョンの場合、「フォーム到達」や「カート追加」をマイクロコンバージョンとして設定します。<img loading="lazy" decoding="async" class="aligncenter size-full wp-image-12365" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/マイクロコンバージョンとは？--e1687249032387.jpg" alt="マイクロコンバージョンとは" width="800" height="122" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/マイクロコンバージョンとは？--e1687249032387.jpg 800w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/マイクロコンバージョンとは？--e1687249032387-360x55.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/マイクロコンバージョンとは？--e1687249032387-768x117.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/マイクロコンバージョンとは？--e1687249032387-500x76.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<h3>マイクロコンバージョンを設定するメリット</h3>
<p>マイクロコンバージョンを設定することにより以下のメリットがあります。</p>
<div class="bgWrap blue1 bg-r5 pc-mt-30 sp-mt-20">
<ul>
<li><strong>最終コンバージョンの母数が少ない場合、分析指標として活用できる</strong></li>
<li><strong>コンバージョンまでの地点を分割することで、ユーザーがどこで離脱しているかが分かる</strong></li>
<li><strong>広告の自動入札で、コンバージョンデータを補完できる</strong></li>
</ul>
</div>
<p>コンバージョンのデータ量の補完的役割を果たしつつ、仮のコンバージョンとして分析や改善指標としても活用が出来ます。</p>
<h3>マイクロコンバージョンを活用するときの注意点</h3>
<p>マイクロコンバージョンを設定する際の注意点は下記です。</p>
<div class="bgWrap blue1 bg-r5 pc-mt-30 sp-mt-20">
<ul>
<li><strong>コンバージョン数を増やすという本来の目的を忘れない</strong></li>
<li><strong>コンバージョン数と分けて管理をする</strong></li>
</ul>
</div>
<p>本来の目的は「コンバージョン数を増やすこと」です。マイクロコンバージョンを増やすことが目的になってしまわないように注意しましょう。また、コンバージョン数とマイクロコンバージョン数は分けて管理・計測するようにしましょう。　</p>
<h3>マイクロコンバージョンに設定する指標例</h3>
<p>マイクロコンバージョンを設定する際の指標には以下のようなものがあります。</p>
<div class="bgWrap blue1 bg-r5 pc-mt-30 sp-mt-20">
<ul>
<li><strong>フォーム到達</strong></li>
<li><strong>カート追加</strong></li>
<li><strong>商品ページの遷移</strong></li>
<li><strong>メルマガ登録</strong></li>
<li><strong>ホワイトペーパーダウンロード</strong></li>
</ul>
</div>
<h2>実際にコンバージョンを計測するには</h2>
<p>コンバージョンはサイトの最終目標であるため、Webサイトの成果判断をするために計測が必要です。</p>
<h3>コンバージョンタグ</h3>
<p>コンバージョンを計測するためにコンバージョンタグを設定する必要があります。</p>
<p>コンバージョンタグは各アクセス解析ツールや広告媒体上から発行できます。リマーケティングタグが基本的に全ぺージに対して設定しなければならないのに対し、コンバージョンタグは計測したいコンバージョンアクションのサンクスページにのみ設定します。</p>
<p>設定方法はページのHTML内に直に貼り付けるか、Google Tag Managerなどのタグ管理ツールを活用します。Google Tag Managerを活用することにより、複数のタグを一元管理することができます。　　</p>
<h2>コンバージョン数を増やすための方法</h2>
<p>コンバージョン数を増やすには、クリック数とコンバージョン率を高めることが重要です。各指標を改善するための具体的なアクションについてまとめました。</p>
<h3>クリック数を増やす方法</h3>
<div class="bgWrap blue1 bg-r5 pc-mt-30 sp-mt-20">
<ul>
<li><strong>目にとまる広告・Webサイトのタイトルにする</strong></li>
<li><strong>入札単価の調整（広告）</strong></li>
<li><strong>キーワード・ターゲティングの調整（広告）</strong></li>
<li><strong>クリエイティブの品質向上（広告）</strong></li>
<li><strong>SEOでキーワードの順位を上げる（Webサイト）</strong></li>
</ul>
</div>
<p>
クリック数を増やすには、広告・Webサイトの表示回数を増やし、クリック率を上げる必要があります。</p>
<h3>コンバージョン率を高める方法</h3>
<div class="bgWrap blue1 bg-r5 pc-mt-30 sp-mt-20">
<ul>
<li><strong>ターゲティングの見直し</strong></li>
<li><strong>LPの改善</strong></li>
<li><strong>Webサイトの動線改善</strong></li>
<li><strong>フォームの改善</strong></li>
<li><strong>CTAの見直し</strong></li>
</ul>
</div>
<p>獲得したいユーザーに上手くターゲティング出来ているかを確認しましょう。また、LP、Webサイトの動線、フォームの改善を行い流入したユーザーを離脱させないようにしましょう。</p>
<p>上記はあくまで一例で、自社の広告、Webサイトの状況にあった対策が必要です。「自分がサイト利用者ならどういうサイトがいいか」という<span class="marker-pink">ユーザー視点を持ってコンバージョン数を改善</span>していきましょう。</p>
<p>CTAの改善方法については以下の記事で細かく紹介しています。あわせてご覧ください。</p>
<a href="https://bruceclay.jpn.com/column/lp-qc9/" class="tmt-blog-card">
            <div class="tmt-blog-card-box">
                <div class="tmt-blog-card-thumbnail"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/03/about_cta.png" alt="CTAボタンとは？ユーザーの目を引くデザインや設置方法、種類まで解説！" width="200" height="112"/></div>
                <div class="tmt-blog-card-content">
                    <div class="tmt-blog-card-title">CTAボタンとは？ユーザーの目を引くデザインや設置方法、種類まで解説！</div>
                    <div class="tmt-blog-card-excerpt">デジタルマーケティングにおいて、「ユーザーを行動に導く」ことは、最終的な成果を左右する重要なポイントです。そこでカギとなるのが「CTA（Call to Acti...</div>
                </div>
            </div>
            <div class="tmt-blog-card-site"></div>
        </a>
<h2>まとめ</h2>
<p>コンバージョンはWebマーケティングにおいて重要な指標です。それぞれの指標の意味を理解・分析できるようにし、Webマーケティングの改善につなげられるようにしましょう。</p>
<p>弊社の<a href="https://bruceclay.jpn.com/service/consulting/seo/">SEOコンサルティング</a>では、CVR改善における対策支援も行っています。Webサイトにおけるコンバージョン数の増加・コンバージョン率の改善に課題を感じている方はぜひ一度、<a href="https://bruceclay.jpn.com/contact-form/">お問い合わせ</a>ください。</p><p>The post <a href="https://bruceclay.jpn.com/column/cv/">コンバージョン(CV)とは？意味や種類、CVRやCPAとの違い、CVを増やす方法まで！</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>GA4（Google Analitics4）とは？特徴と設定方法、UAとのちがいについて</title>
		<link>https://bruceclay.jpn.com/column/ga4/</link>
		
		<dc:creator><![CDATA[marke@bcj]]></dc:creator>
		<pubDate>Thu, 15 Jun 2023 05:37:53 +0000</pubDate>
				<category><![CDATA[#GoogleAnalytics]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=12316</guid>

					<description><![CDATA[<p>みなさんはもう、UAからGA4への移行は終了しましたか？ UAのサービス終了が2023年7月に迫った今、移行済みの方もまだ済んでいない方も、この記事を読んでGA4の知識を再確認してみましょう。 GA4とは GA4とは、「 [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/ga4/">GA4（Google Analitics4）とは？特徴と設定方法、UAとのちがいについて</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>みなさんはもう、UAからGA4への移行は終了しましたか？</p>
<p>UAのサービス終了が2023年7月に迫った今、移行済みの方もまだ済んでいない方も、この記事を読んでGA4の知識を再確認してみましょう。</p>
<h2>GA4とは</h2>
<p>GA4とは、「Googleアナリティクス4プロパティ」の略称です。2020年10月にリリースされた、最新バージョンのGoogleアナリティクスになります。</p>
<p>そもそもGoogleアナリティクスとは、2005年にGoogleがリリースした無料のアクセス解析ツールです。</p>
<p>現在のGoogleアナリティクスはUA（ユニバーサルアナリティクス）と呼ばれているバージョンで、ウェブサイトのページ単位で分析が行われていました。<br />
しかし、これだけではインターネットとのつながり方が増えた現代のユーザー行動を正確に把握することは、難しくなりました。</p>
<p>そこで、2019年に「アプリ+ウェブ プロパティ」という名前でベータ版として、アプリとウェブサイトどちらも計測できるGoogleアナリティクスがリリースされました。これが現在のGA4です。</p>
<h2>GA4とUAの違い</h2>
<p>GA4とUAには、いくつかの違いがあります。</p>
<h3>データの計測単位</h3>
<p>大きな違いとして、データを計測する際の軸が異なります。</p>
<p>UAでは<span class="marker-yellow">ウェブサイトへのヒットを単位として、ページビューを中心にデータを計測します。</span><br />
そのため、ある1人のユーザーがパソコンとスマートフォンからそれぞれ同じサイトに訪問した場合、別々のユーザーとしてカウントされる可能性があります。</p>
<p>一方GA4では、<span class="marker-yellow">イベントを単位としてユーザーを中心にデータを計測します。</span><br />
Cookie以外の識別情報でも判定するため、アプリやウェブサイトを横断して行われたユーザーの経路を把握できます。そのため、ある1人のユーザーの行動を一連の流れで把握したうえで分析ができます。</p>
<div class="bgWrap lightgray pc-mt-30 sp-mt-20">
<p>※注釈<br />
ヒット：サーバーにあるファイルへのリクエスト数</p>
<p>UAとGA4の「イベント」は異なります。<br />
UA：「カテゴリ」「アクション」「ラベル」「値」を設定することで、通常のUAでは計測できない指標の計測に活用。<br />
GA4：「ページビュー」など、ほぼすべての指標を「イベント」として計測。イベント名と複数のパラメーターで構成されている。</p>
</div>
<div class="blog-card-box"> </div>
<h3>指標の定義</h3>
<p>GA4とUAでは、指標の名称が変更されたり、なくなった指標もあります。</p>
<p>また、名称は変わらないのですが、定義が変わった指標もあり、そのなかのいくつかを紹介します。</p>
<h4>「ユーザー」</h4>
<blockquote>
<p>ユニバーサル アナリティクスでは、ほとんどのレポートで「合計ユーザー数」（「ユーザー」と表示されます）に焦点が当てられ、GA4 では「アクティブ ユーザー」（「ユーザー」とも表示されます）に焦点が当てられます。<br />
引用元：<a href="https://support.google.com/analytics/answer/11986666?hl=ja#users&amp;zippy=%2C%E3%81%93%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%AE%E5%86%85%E5%AE%B9" target="_blank" rel="noopener">[UA→GA4] 指標の比較：Google アナリティクス 4 とユニバーサル アナリティクス（Googleアナリティクス）</a></p>
</blockquote>
<p>つまり、同じ「ユーザー」という指標でも定義が異なります。</p>
<p>UAの「合計ユーザー数」とは、ユニークユーザーの合計数という意味です。ユニークユーザーとは、特定の期間内にサイトを訪れたユーザーの数です。</p>
<p>一方で、GA4で「ユーザー」として扱われるアクティブユーザーは、エンゲージメントしたセッションがあったユーザー数、またはfirst_visitイベント発生、またはpage_view、scroll、user_engagemetのengagement_time_mescが発生したユーザー数のことをいいます。</p>
<p>加えて、デバイスが異なっても、同じユーザーとして分析ができるGA4のほうが「ユーザー」の数は少なくなる傾向にあります。</p>
<h4>「セッション」</h4>
<p>ユーザーが30分以上操作しなかった場合にセッションが終了するという定義はUAでもGA4でも変わりません。</p>
<p>しかし、ユーザーが午前0時をまたいでサイトを閲覧した場合と、流入元が変わった場合はそれぞれが新しいセッションとしてUAではカウントされていましたが、GA4は同じセッションとしてカウントされるように変更されました。<br />
つまり、GA4のほうがUAよりもセッション数が少なくなる可能性があります。</p>
<p>さらに、GA4では新しく「エンゲージメントのあったセッション数」と、その割合を表す「エンゲージメント率」という指標が追加されました。</p>
<p>これは、ユーザーがエンゲージメントしたセッションの回数を計測します。この指標を活用すると、それぞれのセッションの質を見ることができます。<br />
以下の3つの条件があり、これらのいずれかに当てはまった場合に計測されます。</p>
<ul>
<li style="list-style-type: none;">
<ul>
<li>10秒以上継続して滞在する</li>
<li>コンバージョンイベントが発生する</li>
<li>ページビューまたはスクリーンビュー2件以上発生する</li>
</ul>
</li>
</ul>
<h4>「セッション時間」</h4>
<p>UAでは、最初に訪れたページを表示した時間と最後に訪問したページを表示した時間との差がセッション時間として定義されます。</p>
<p>一方GA4では、「session＿start」のイベントが発生した時間の差と最後に発生したイベントの時間がセッション時間となります。</p>
<p>つまり、UAでは最後に訪れたページの閲覧時間は含まれません。GA4の場合、最後に表示したページ内で何かしらのイベントが発生した場合、その時間を最後として扱います。<br />
そのため、GA4のほうがセッション時間が長くなる可能性があります。</p>
<h4>「直帰率」</h4>
<p>UAではページ上でユーザーが1ページで離脱したセッションの割合を表します。</p>
<p>一方でGA4ではエンゲージメントしなかったセッションの割合を表します。つまり計算式は「100％−エンゲージメント率」となります。</p>
<p id="gdcalert2"> </p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12301" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/直帰率.png" alt="直帰率" width="700" height="343" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/直帰率.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/直帰率-360x176.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/直帰率-500x245.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /><br />
今までの直帰率の計算方法から算出される値が必ずしも正しいエンゲージメントの評価につながるとは限らないことから、直帰率の概念が変わり、計算方法が変わりました。</p>
<p>　仮にユーザーが「訪れたサイトの1ページ目」で離脱した場合、UAでは直帰率として計算されていました。しかしGA4では、10秒以上そのページに滞在した場合は「エンゲージメントのあったセッション」として計算されるため、直帰率には含まれません。</p>
<p>このような定義の違いから、GA4のほうがUAよりも直帰率が低くなる可能性があります。</p>
<p>GA4では、エンゲージメントという指標を取り入れることで、同じ「1ページ目での離脱」でも誤タップによるクリック（直帰）なのか、ページを熟読したうえでの離脱（エンゲージメントのあったセッション）なのか判別することが可能になっています。</p>
<p>また、GA4では直帰率が「レポート」で確認できないため、必要な場合にはデータ探索から確認する必要があります。</p>
<h3>アプリの計測手段</h3>
<p>UAとGA4でデータを計測するときの軸が違うことはすでに紹介したとおりです。<br />
それにより、計測できる範囲がGA4ではUAに比べて広がりました。</p>
<p>UAではWebサイトのみの計測をおこなっていました。仮にアプリ計測をおこないたい場合、Firebaseを利用してGoogleアナリティクス上でデータを統合して計測できるようにしていました。</p>
<p>これがGA4にアップデートされたことにより、Googleアナリティクス上でWebサイトとアプリを同時に計測できるようになりました。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12295" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/サイトとアプリ.png" alt="アプリの計測手段" width="700" height="407" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/サイトとアプリ.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/サイトとアプリ-360x209.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/サイトとアプリ-482x280.png 482w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<p id="gdcalert3"> </p>
<h3>データ計測の設定工数</h3>
<p>UAではGTMなどを活用して計測する必要のあった指標が、GA4では事前に用意されているため、複雑な設定をせずとも計測が可能となりました。</p>
<p>たとえば、以下のような指標です。</p>
<ul>
<li style="list-style-type: none;">
<ul>
<li>スクロール（scroll）：各ページの90％まで初めてスクロールしたとき</li>
<li>ファイルのダウンロード（file_download）：ドキュメントやテキストなどのファイルに移動するリンクをクリックしたとき</li>
<li>動画エンゲージメント（video_start/video_progress/video_complete）：動画の再生開始や動画が終了したとき、設定した再生時間を超えたとき</li>
</ul>
</li>
</ul>
<h3>UIが変わった</h3>
<p>UAからGA4へのアップデートにともない、GoogleアナリティクスのUIが大きく変わりました。</p>
<h4>基本レポートの項目</h4>
<h4><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12299" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/レポートの項目.png" alt="基本レポートの項目" width="700" height="609" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/レポートの項目.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/レポートの項目-276x240.png 276w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/レポートの項目-322x280.png 322w" sizes="auto, (max-width: 700px) 100vw, 700px" /></h4>
<p>UAのレポートの項目は「リアルタイム」「ユーザー」「集客」「行動」「コンバージョン」の5つでした。</p>
<p>一方GA4では、UAの「集客」「行動」「コンバージョン」が「ライフサイクル」という項目に集約されました。また、データの計測がユーザーを中心におこなわれるようになったことから、「維持率」など新しく追加された項目もあります。</p>
<h4>探索画面</h4>
<h4><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12297" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/データ探索画面.png" alt="データ探索画面" width="700" height="356" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/データ探索画面.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/データ探索画面-360x183.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/データ探索画面-500x254.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></h4>
<p>GA4では、新しく「データ探索」が追加されました。</p>
<p>探索画面ではユーザーが独自にレポートを作成できます。</p>
<p>また、デフォルトで7つのテンプレートが用意されています。</p>
<ul>
<li style="list-style-type: none;">
<ul>
<li>自由形式</li>
<li>ファネルデータ形式</li>
<li>経路データ形式</li>
<li>セグメントの重複</li>
<li>ユーザーエクスプローラ</li>
<li>コホートデータ探索</li>
<li>ユーザーのライフタイム</li>
</ul>
</li>
</ul>
<p>「データ探索」の活用により、サイトの状況をより細かく分析できます。</p>
<h2>GA4の特徴</h2>
<p>GA4には、UAと比べて次のような特徴があります。</p>
<h3>機械学習を利用した分析ができる　</h3>
<p>GA4では、機械学習が導入されたことにより、ユーザーの将来的な行動の予測が専門的な知識を持たずとも、Googleアナリティクス上でおこなえるようになりました。</p>
<h4>予測指標</h4>
<p>予測指標は、Googleの独自のアルゴリズムを使用して、ユーザーの今後の行動を予測します。<br />
現在利用できる指標は3つあります。</p>
<table style="border-collapse: collapse; width: 100%;">
<tbody>
<tr>
<td style="width: 10.3774%; background-color: #cccccc; text-align: center;">指標</td>
<td style="width: 89.6227%; background-color: #cccccc; text-align: center;">定義</td>
</tr>
<tr>
<td style="width: 10.3774%; text-align: center;">購入の可能性</td>
<td style="width: 89.6227%;">過去28日間に操作を行ったユーザーによって、今後7日間以内に特定のコンバージョンイベントが記録される可能性。</td>
</tr>
<tr>
<td style="width: 10.3774%; text-align: center;">離脱の可能性</td>
<td style="width: 89.6227%;">過去7日以内にアプリやサイトで操作を行ったユーザーが、今後7日以内に操作を行わない可能性。</td>
</tr>
<tr>
<td style="width: 10.3774%; text-align: center;">予測収益</td>
<td style="width: 89.6227%;">過去28日間に操作を行ったユーザーが今後28日間に達成する全購入コンバージョンによって得られる総収益の予測。</td>
</tr>
</tbody>
</table>
<p>引用元：<a href="https://support.google.com/analytics/answer/9846734?hl=ja" target="_blank" rel="noopener">［GA4］予測指標（Googleアナリティクスヘルプ）</a></p>
<p>これらの予測指標を利用するには、3つの条件を満たしている必要があります。</p>
<ol>
<li style="list-style-type: none;">
<ol>
<li>過去28日間のうち7日間で、予測条件に当てはまるリピーターが1,000人以上、当てはまらないリピーターが1,000人以上いる。</li>
<li>モデルの品質が一定期間維持されている。</li>
<li>購入の可能性と予測収益の両方の指標を利用する場合は、「purchase」と「in_app_purchase」の両方、またはどちらかを設定する必要がある。「purchase」のイベントを設定する場合、「value」と「currency」のパラメーターも収集する必要がある。</li>
</ol>
</li>
</ol>
<p>予測使用はオーディエンス作成ツールとデータ探索ツールから利用できます。</p>
<h4>予測オーディエンス</h4>
<p>予測オーディエンスは、予測指標をもとに作成されたオーディエンスのことです。これを利用するためには、上記で説明した予測指標が条件を満たしている必要があります。</p>
<table style="border-collapse: collapse; width: 100%;">
<tbody>
<tr>
<td style="width: 27.1698%; background-color: #cccccc; text-align: center;">オーディエンス</td>
<td style="width: 34.5912%; background-color: #cccccc; text-align: center;">説明</td>
<td style="width: 38.1761%; background-color: #cccccc; text-align: center;">条件設定</td>
</tr>
<tr>
<td style="width: 27.1698%; text-align: center;">7日以内に離脱する可能性が高い既存顧客</td>
<td style="width: 34.5912%;">今後7日以内にプロパティにアクセスしない可能性が高い既存顧客</td>
<td style="width: 38.1761%;">【一致条件】
<p>イベント：in_app_purchase OR purchase OR ecommerce_purchase</p>
<p>OR</p>
<p>指標：LTV&gt;0</p>
<p>AND</p>
<p>予測指標：離脱の可能性&gt;80パーセンタイル</p>
</td>
</tr>
<tr>
<td style="width: 27.1698%; text-align: center;">7日以内に離脱する可能性が高いユーザー</td>
<td style="width: 34.5912%;">今後7日以内にプロパティにアクセスしない可能性が高いユーザー</td>
<td style="width: 38.1761%;">【一致条件】
<p>予測指標：離脱の可能性&gt;80パーセンタイル</p>
</td>
</tr>
<tr>
<td style="width: 27.1698%; text-align: center;">7日以内に購入する可能性が高い既存顧客</td>
<td style="width: 34.5912%;">今後7日以内に購入に至る可能性が高いユーザー</td>
<td style="width: 38.1761%;">【一致条件】
<p>予測指標：購入の可能性&gt;90パーセンタイル</p>
</td>
</tr>
<tr>
<td style="width: 27.1698%; text-align: center;">7日以内に初回の購入を行う可能性が高いユーザー</td>
<td style="width: 34.5912%;">今後7日以内に初めての購入に至る可能性が高いユーザー</td>
<td style="width: 38.1761%;">【一致条件】
<p>予測指標：購入の可能性&gt;90パーセンタイル</p>
<p>AND</p>
<p>指標：LTV=0</p>
<p>【除外条件】</p>
<p>イベント：in_app_purchase OR purchase OR ecommerce_purchase</p>
</td>
</tr>
<tr>
<td style="width: 27.1698%; text-align: center;">28日以内に利用額上位になると予測されるユーザー</td>
<td style="width: 34.5912%;">今後28日以内に最も収益を生み出すと予測されるユーザー</td>
<td style="width: 38.1761%;">【一致条件】
<p>予測指標：予測収益&gt;95パーセンタイル</p>
</td>
</tr>
</tbody>
</table>
<p>引用元：<a href="https://support.google.com/analytics/answer/9805833?sjid=11723977866297146898-AP" target="_blank" rel="noopener">[GA4]予測オーディエンス（Googleアナリティクスヘルプ）</a></p>
<h4>推定コンバージョン</h4>
<p>推定コンバージョンとは、直接測定できないオンラインコンバージョンを推定する機能です。プライバシーの観点やデバイスの変更などにより、正確に確認できないコンバージョンを推定してくれるため、より実数に近いコンバージョン数を把握できます。</p>
<p>推定コンバージョンは、イベントレポートやコンバージョンレポート、アトリビューションレポートなどの主要なレポートとデータ探索ツールに含まれており、適用の選択はできません。</p>
<h3>BigQueryと無料で連携できる</h3>
<p>GA4では、BigQueryと無料で連携できます。<br />
UAの場合は、有償版のGoogle Analythics 360を使用している必要がありました。</p>
<p>BigQueryとは、Googleが提供しているさまざまなデータソースや外部ツールと連携し、大量のデータを格納・整理できるツールです。</p>
<p>BigQueryとGA4を連携することで、生データや、BigQueryで管理しているユーザーの行動履歴情報といったデータを活用してより深い分析ができます。<br />
さらに、BigQueryとBIツールの連携が可能なため、GA4からエクスポートしたデータから表やグラフの作成も可能です。</p>
<h3>プライバシー規制に対応したデータ収集</h3>
<p>プライバシー保護の意識が世界中でますます強まっています。それにより、GoogleでもサードパーティーCookie廃止の発表がありました。</p>
<p>そのようななかで、GA4はCookie以外の<a href="https://support.google.com/analytics/answer/10976610?hl=ja&amp;sjid=12418391152102305929-AP" target="_blank" rel="noopener">レポート用識別子</a>（ユーザーID、Googleシグナル、モデリング、デバイスID）も活用しアクセス解析がおこなえるようになりました。</p>
<p>また、プライバシー保護が重要視されている動きから、データの保存期間がUAと比べて短くなっています。</p>
<h2>GA4を導入するときの注意点</h2>
<p>UAからGA4へ移行するにあたり、いくつかの注意点があります。</p>
<h3>UAでの計測値や実数値との差異</h3>
<p>指標の定義がUAとGA4では異なるものもあるため、同じ指標でも数値に差が生じる場合があります。</p>
<p>また、GA4ではしきい値が適応されているため、レポートや探索において、実数の数値よりも少なく表示されている場合があります。<br />
特に探索レポートでは、しきい値だけでなくデータサンプリングも適応される可能性があります。</p>
<p>実際に適用される場面としては、Googleシグナルが有効で期間内のユーザー数が少ない場合などです。詳しい条件は下記のURLよりご確認ください。</p>
<p>参照：<a href="https://support.google.com/analytics/answer/9383630?hl=ja" target="_blank" rel="noopener">［GA4］データのしきい値</a></p>
<h3>UAからのデータ移行ができない</h3>
<p>UAで蓄積してきた過去のデータは、GA4に引き継ぐことはできません。<br />
そのため、過去のデータを保管しておきたい場合、UAが利用できなくなる前にエクスポートしておきましょう。</p>
<h3>データの保持期間が短い</h3>
<p>GA4ではUAと比べてデータの保持期間が短くなりました。</p>
<p>UAは初期設定では14ヵ月の保持期間で、最大50ヵ月まで設定を変更できました。しかし、GA4は初期設定では2ヵ月の保持期間で、最大でも14ヵ月（有料版では最大50ヵ月）までしか保持できません。そのため、アカウント移行のタイミングで14ヵ月に変更しておきましょう。<br />
ただし、年齢、性別、インタレストカテゴリのデータに関しては、設定に関係なく2ヵ月間の保持となることには注意が必要です。</p>
<h2>GA4のプロパティ開設と初期設定</h2>
<p>ここからは、GA4の設定方法を紹介します。</p>
<h3>1.プロパティを作成する</h3>
<p>Googleアナリティクスの管理画面を開きます。<br />
プロパティ列でGA4に移行するプロパティを選択し、「GA4設定アシスタント」をクリックします。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12293" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/GA4設定アシスタント.png" alt="GA4設定アシスタント" width="700" height="388" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/GA4設定アシスタント.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/GA4設定アシスタント-360x200.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/GA4設定アシスタント-500x277.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<p>「はじめに」をクリックして、「作成して続行」でプロパティを作成します。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12300" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/作成して続行.png" alt="作成して続行" width="700" height="419" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/作成して続行.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/作成して続行-360x215.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/作成して続行-468x280.png 468w" sizes="auto, (max-width: 700px) 100vw, 700px" /> <br />
「GA4プロパティに移動」を選ぶと、新しいGA4 プロパティで、GA4設定アシスタントが開きます。</p>
<h3>2.タグを設定する</h3>
<p>GA4の計測タグを対象ページに設定します。設定方法はいくつかありますが、今回はGTMを使用します。</p>
<p>プロパティの「データストリーム」から任意のデータストリームを選びます。</p>
<p>ウェブストリームの詳細にある測定ID（「G-」で始まる）をコピーして、Googleタグマネージャーを開きます。</p>
<p>Googleタグマネージャーでタグの設定から「Googleアナリティクス：GA4」を選びます。測定IDに先ほどコピーしたIDを貼り付ければ設定は完了です。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12296" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグの設定.png" alt="タグの設定" width="700" height="229" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグの設定.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグの設定-360x118.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/タグの設定-500x164.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<p>Googleタグマネージャーの設定トリガーはAll Pagesではなく、Initialization &#8211; All Pages（初期化）がおすすめです。<br />
初期化トリガーは他のタグよりも早いタイミングで発火させるタイプのため、計測精度が高まります。</p>
<h3>3.データ保持期間の変更</h3>
<p>プロパティから「データ設定」の「データ保持」を選びます。<br />
そこからデータ保持期間を変更します。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12298" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/データ保持期間の変更.png" alt="データの保持期間の変更" width="700" height="304" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/データ保持期間の変更.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/データ保持期間の変更-360x156.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/データ保持期間の変更-500x217.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<p>イベントデータの保持期間は初期設定で2ヵ月となっています。このままでは、過去2ヵ月分のレポート結果しか表示されません。そのため、2ヵ月から14ヵ月に変更します。</p>
<h3>4.Googleシグナルの有効化</h3>
<p>プロパティから「データ設定」の「データ収集」を選びます。<br />
そこからGoogleシグナルのデータ収集を有効にします。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12294" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/Googleシグナルの有効化.png" alt="Googleシグナルの有効化" width="700" height="284" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/Googleシグナルの有効化.png 700w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/Googleシグナルの有効化-360x146.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/Googleシグナルの有効化-500x203.png 500w" sizes="auto, (max-width: 700px) 100vw, 700px" /></p>
<p>Googleシグナルを有効にすることで、Googleアカウントにログインしているユーザーの情報が関連付けられます。そのため、デバイスをまたいだユーザー行動をより的確に把握できます。</p>
<p>以上でGA4の初期設定は完了です。<br />
これ以降の設定方法についても知りたい方は、こちらの画像をクリックして、ページ先からダウロードください。<br />
<a href="https://m.bruceclay.jpn.com/dl/wp/ga4_checklist/?bcjweb=download"><img loading="lazy" decoding="async" class="alignnone wp-image-12666" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/見出しを追加-2-e1689146683853.png" alt="GA4移行要点チェックリスト" width="700" height="124" /></a></p>
<h2>まとめ</h2>
<p>いかがでしたか？</p>
<p>GA4を適切に活用することで、多様化しているユーザー行動をより詳しく把握できます。<br />
UAからの移行がまだ完了していない方は、UAのサービスが終了する前にGA4の設定を完了させ、ビジネスに活かしましょう。</p><p>The post <a href="https://bruceclay.jpn.com/column/ga4/">GA4（Google Analitics4）とは？特徴と設定方法、UAとのちがいについて</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【図解付き】Looker Studio（旧Googleデータポータル）の使い方やスプレッドシートとの連携方法について</title>
		<link>https://bruceclay.jpn.com/column/looker-studio/</link>
		
		<dc:creator><![CDATA[marke@bcj]]></dc:creator>
		<pubDate>Thu, 01 Jun 2023 03:00:50 +0000</pubDate>
				<category><![CDATA[#GoogleAnalytics]]></category>
		<category><![CDATA[#Looker Studio]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=12080</guid>

					<description><![CDATA[<p>Looker Studio（旧Googleデータポータル）とは Looker Studioとは、Googleが無料で提供しているBI（ビジネスインテリジェンス）ツールで、リアルタイムにさまざまなデータをレポーティングでき [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/looker-studio/">【図解付き】Looker Studio（旧Googleデータポータル）の使い方やスプレッドシートとの連携方法について</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<h2><span id="Looker_StudioGoogle_Data_Portal">Looker Studio（旧Googleデータポータル）とは</span></h2>
<p>Looker Studioとは、Googleが無料で提供しているBI（ビジネスインテリジェンス）ツールで、リアルタイムにさまざまなデータをレポーティングできます。</p>
<h3><span id="BI">BIツールとは</span></h3>
<p>BIツールとは、企業が蓄積しているさまざまなデータ（＝Business Intelligence）を、分析・可視化するためのツールです。<br />
BIツールを使えばデータをより正確に把握できるので、ビジネスにおける判断を的確でスピーディーに行えるようになります。</p>
<h2><span id="Looker_Studio">Looker Studioの主な機能</span></h2>
<p>Looker Studioにてレポーティングを効率よく行うための主要機能4つを紹介いたします。</p>
<h3><span id="BI">800以上の各種データソースとの連携</span></h3>
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-092420.png" alt="800以上の各種データソースと連携できる" width="1308" height="674" class="size-full wp-image-15153 aligncenter" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-092420.png 1308w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-092420-360x186.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-092420-1024x528.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-092420-768x396.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-092420-500x258.png 500w" sizes="auto, (max-width: 1308px) 100vw, 1308px" /><br />
GoogleアナリティクスやGoogle広告といったGoogleが提供するサービスだけでなく、Yahoo!広告やTwitter、MySQLなど、他社の提供するサービスとも連携することができます。<br />
そして、連携したデータは自動で更新・出力されるため、リアルタイムで確認できます。</p>
<h3><span style="font-weight: 400;">表やグラフの作成</span></h3>
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-093151.png" alt="表やグラフの作成" width="309" height="411" class="aligncenter size-full wp-image-15154" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-093151.png 309w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-093151-180x240.png 180w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-093151-211x280.png 211w" sizes="auto, (max-width: 309px) 100vw, 309px" /><span style="font-weight: 400;">さまざまなデータを表やグラフに変換し、可視化することができます。可視化されることで、データの確認がスムーズで容易に行えるようになります。</span></p>
<h3><span style="font-weight: 400;">複数データの統合</span></h3>
<p><span style="font-weight: 400;">複数のデータを1つのグラフなどに統合することができます。データを統合することにより、データの全体像を視覚的に把握できるようになります。</span></p>
<h3><span style="font-weight: 400;">作成したデータの共有</span></h3>
<p><span style="font-weight: 400;"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-094902.png" alt="作成したデータの共有" width="235" height="234" class="aligncenter wp-image-15155 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-094902.png 235w, https://bruceclay.jpn.com/wp-content/uploads/2023/06/スクリーンショット-2024-03-21-094902-180x180.png 180w" sizes="auto, (max-width: 235px) 100vw, 235px" /></span></p>
<p><span style="font-weight: 400;">Googleアカウントを持っているユーザーに権限を付与したり、URLでの共有も可能です。</span><span style="font-weight: 400;">共有できる権限は、レポートの閲覧のみができる「閲覧者」と、共同で編集ができる「編集者」の2種類です。</span></p>
<p><span style="font-weight: 400;">また、レポートをダウンロードし、PDFで共有することもできます。<br />
</span></p>
<h2><span id="Looker_Studio">Looker Studioを利用するメリット</span></h2>
<h3><span style="font-weight: 400;">無料で利用できる</span></h3>
<p><span style="font-weight: 400;">Googleアカウントさえ持っていれば誰でも無料で利用できます。</span></p>
<p><span style="font-weight: 400;">通常、BIツールは有料なものが多く、データマイニング機能やシミュレーション機能が搭載されています。</span></p>
<p><span style="font-weight: 400;">LookerStudioにはそのような機能はありませんが、その分レポーティング業務に特化した作りとなっています。また、複雑な機能が少ない分、インターフェースが洗練されておりストレスなくレポーティング業務を行えるようになっています。</span></p>
<h3><span style="font-weight: 400;">多くのデータソースと連携できる</span></h3>
<p><span style="font-weight: 400;">800以上のデータソースと連携できるので、</span><span style="font-weight: 400;">企業が保有する異なるデータソースからデータを一元化し、統合的な分析が可能です。<br />
例えば、データベース、クラウドストレージ、ウェブアプリケーションなどからデータを取り込んで、包括的な分析を行うことができます。</span></p>
<h3>表やグラフの豊富なテンプレートが用意されている</h3>
<p><span style="font-weight: 400;"><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2024/03/lookerstudio2-1024x578.png" alt="表やグラフの豊富なテンプレートが用意されている" width="1024" height="578" class="wp-image-15162 size-large aligncenter" srcset="https://bruceclay.jpn.com/wp-content/uploads/2024/03/lookerstudio2-1024x578.png 1024w, https://bruceclay.jpn.com/wp-content/uploads/2024/03/lookerstudio2-360x203.png 360w, https://bruceclay.jpn.com/wp-content/uploads/2024/03/lookerstudio2-768x433.png 768w, https://bruceclay.jpn.com/wp-content/uploads/2024/03/lookerstudio2-496x280.png 496w, https://bruceclay.jpn.com/wp-content/uploads/2024/03/lookerstudio2.png 1594w" sizes="auto, (max-width: 1024px) 100vw, 1024px" />Looker Studioには、表やグラフのテンプレートが豊富に用意されています。これにより、誰でも簡単にデータを効果的に可視化し、視覚的に理解しやすくすることができます。</span><span style="font-weight: 400;"><br />
</span><span style="font-weight: 400;">多数のテンプレートが存在するので、各データをそれぞれわかりやすくビジュアライズすることができ、レイアウトやデザインもカスタマイズすることができるので、自分の好みにビジュアライズしてレポート作成が可能です。</span></p>
<h3><span style="font-weight: 400;">リアルタイムなデータ分析の統合が可能</span></h3>
<p><span style="font-weight: 400;">リアルタイムなデータ分析にも特化しており、常に最新のデータを取得し、データを反映します。分析において負担になってしまいがちなデータの精査や分析作業を簡単に一元化して可視化できるのは魅力の一つです。</span></p>
<h3><span style="font-weight: 400;">定期的なアップデート</span></h3>
<p><span style="font-weight: 400;">定期的に新しい機能をリリースしている点も長く使い続けるのに嬉しいポイントです。</span></p>
<p><span style="font-weight: 400;">参考：<a href="https://support.google.com/looker-studio/answer/11521624?hl=ja" target="_blank" rel="nofollow noopener">リリースノート（2024 年） &#8211; Looker Studioのヘルプ</a></span><a href="https://support.google.com/looker-studio/answer/11521624?hl=ja"><span style="font-weight: 400;"></span></a></p>
<h2>Looker Studioの始め方・基本操作</h2>
<p>Looker Studioの始め方と基本的な操作方法について説明します。</p>
<h3>始め方</h3>
<h4>ログイン</h4>
<p>Looker Studioを使用するには、Googleアカウントの登録が必要です。<br />
Googleアカウントをお持ちでない方は、<span style="color: #0000ff;"><a href="https://support.google.com/accounts/answer/27441?hl=ja" style="color: #0000ff;" target="_blank" rel="noopener">Googleアカウント作成ページ</a></span>から登録してください。</p>
<p>登録ができましたら、Googleアカウントにログインした状態で<span style="color: #0000ff;"><a href="https://cloud.google.com/looker-studio?utm_source=google&amp;utm_medium=cpc&amp;utm_campaign=japac-SG-all-en-dr-SKWS-all-all-trial-DSA-dr-1605216&amp;utm_content=text-ad-none-none-DEV_c-CRE_655856181023-ADGP_Hybrid%20%7C%20SKWS%20-%20BRO%20%7C%20DSA%20~%20All%20Webpages-KWID_39700076131767822-dsa-1456167871416&amp;userloc_1009300-network_g&amp;utm_term=KW_&amp;gclid=Cj0KCQjwjryjBhD0ARIsAMLvnF-a0Ex96vG4FzwSQ3yC_gFRskPr43aQ52aXe8XlmUKfQSa1oRcsD7QaAqz0EALw_wcB&amp;gclsrc=aw.ds&amp;hl=ja" style="color: #0000ff;" target="_blank" rel="noopener">Looker Studioのページ</a></span>にアクセスしてください。</p>
<p>アクセスしたら、「使ってみる」をクリックし、Looker Studioを使うにあたっての登録事項の入力、規約への同意を行ってください。<br />
<img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-3.jpg" alt="LookerStudioページ" width="800" height="450" class="alignnone wp-image-12083 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-3.jpg 800w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-3-360x203.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-3-768x432.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-3-498x280.jpg 498w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<h4>作成</h4>
<p>登録事項等の入力が完了するとLooker Studioのホーム画面がでてきます。</p>
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-4-1.jpg" alt="ホーム画面" width="798" height="448" class="alignnone wp-image-12084 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-4-1.jpg 798w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-4-1-360x202.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-4-1-768x431.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-4-1-500x280.jpg 500w" sizes="auto, (max-width: 798px) 100vw, 798px" /></p>
<p>画面左上の[作成]か画面中央の[空のレポート]をクリックすると、[レポート]、[データソース]、[エクスプローラ]の3つの項目がでてきます。</p>
<p>目的にあった項目を選択し、ページを作成してください。</p>
<p>項目ごとの説明は以下の通りです。</p>
<ul>
<li>レポート：データソースを視覚化する機能です。</li>
<li>データソース：外部からインポートしてきたデータを扱いやすいように加工する機能です。（詳しくは<a href="https://support.google.com/looker-studio/answer/6268208?hl=ja&amp;ref_topic=6370331&amp;sjid=7940854571716949321-AP#data-model&amp;zippy=%2C%E3%81%93%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%AE%E5%86%85%E5%AE%B9" target="_blank" rel="noopener"><span style="color: #0000ff;">こちら</span></a>）</li>
<li>エクスプローラ：レポート機能よりもデータの分析をしやすくした機能です。（詳しくは<a href="https://support.google.com/looker-studio/answer/9005651?hl=ja&amp;ref_topic=9016162&amp;sjid=7940854571716949321-AP" target="_blank" rel="noopener"><span style="color: #0000ff;">こちら</span></a>）</li>
</ul>
<h3>基本操作</h3>
<p>ここではオーソドックスなものとして、ページ作成時に[レポート]を選択したうえでの基本操作の説明を行います。</p>
<h4 id="heading=h.6tf1wj9gn75x">データソースと連携する</h4>
<p>新規レポートを作成すると下記のような画面が表示されるので、連携したいデータソースを選択してください。</p>
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-5.jpg" alt="データソースと連携" width="800" height="386" class="alignnone wp-image-12085 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-5.jpg 800w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-5-360x174.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-5-768x371.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-5-500x241.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<p>その後、連携したいデータを選択して、右下の[追加]をクリックしてください。</p>
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-6.jpg" alt="連携したいデータを追加" width="800" height="387" class="alignnone wp-image-12086 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-6.jpg 800w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-6-360x174.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-6-768x372.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-6-500x242.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<p>もしくは、リボンメニューにある[データを追加]をクリックすると先ほどの画面がでてきますので、同じ手順でデータソースを追加してください。</p>
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-7.jpg" alt="データを追加" width="800" height="171" class="alignnone wp-image-12087 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-7.jpg 800w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-7-360x77.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-7-768x164.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-7-500x107.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<h4 id="hyou-sakusei">表やグラフを作成する</h4>
<ol>
<li>表やグラフを作成する前に、データソースとの連携を行っておいてください。</li>
<li>データソースと連携したうえで、リボンメニューにある[グラフを追加]をクリックし、使いたい表やグラフの形態を選択してください。
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-8-1.jpg" alt="グラフを追加" width="795" height="445" class="alignnone wp-image-12090 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-8-1.jpg 795w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-8-1-360x202.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-8-1-768x430.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-8-1-500x280.jpg 500w" sizes="auto, (max-width: 795px) 100vw, 795px" /></p>
</li>
</ol>
<p>作成したグラフの形態を変更したい場合は、まず変更したいグラフを選択してください。選択後、画面右側のグラフのメニューをクリックして使いたいものを選んでください。</p>
<h4>複数のデータを結合する</h4>
<ol>
<li>結合したいデータソースを追加してください。<br />
データソースが追加できているかどうかは、[リソース]メニューから[追加済みのデータソースの管理]を選択すると確認できます。</li>
<li>[リソース]メニューから[統合を管理]を選択してください。
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-9.jpg" alt="複数データの統合" width="800" height="382" class="alignnone wp-image-12091 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-9.jpg 800w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-9-360x172.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-9-768x367.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-9-500x239.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
</li>
<li> 開かれた画面の[統合を追加]をクリックしてください。
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-10.jpg" alt="統合を追加" width="800" height="121" class="alignnone wp-image-12092 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-10.jpg 800w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-10-360x54.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-10-768x116.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-10-500x76.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
</li>
<li> [別のテーブルを結合する]をクリックして、結合したいデータソースを選択してください。
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-11.jpg" alt="結合" width="800" height="383" class="alignnone wp-image-12094 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-11.jpg 800w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-11-360x172.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-11-768x368.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-11-500x239.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<p>
データソースは下の赤枠部分から変更が可能です。</p>
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-12.jpg" alt="データソースの変更" width="412" height="256" class="alignnone wp-image-12093 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-12.jpg 412w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-12-360x224.jpg 360w" sizes="auto, (max-width: 412px) 100vw, 412px" /></p>
</li>
<li>「ディメンション」では、結合させたいデータソースで共通して基準となるものを左右ともに選択してください。<br />
「指標」では、可視化したい項目を追加してください。<br />
「期間」の項目では、カスタム期間を選択することで、任意の期間内のデータを抽出したグラフを作成することも可能です。（<span style="color: #0000ff;"><a href="https://support.google.com/looker-studio/answer/9272806?hl=ja#zippy=%2C%E3%81%93%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%AE%E5%86%85%E5%AE%B9" style="color: #0000ff;" target="_blank" rel="noopener">Looker Studioのヘルプ</a></span>）
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-13.jpg" alt="ディメンション" width="800" height="385" class="alignnone wp-image-12095 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-13.jpg 800w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-13-360x173.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-13-768x370.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-13-500x241.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
</li>
<li>[結合を設定]をクリックすると下の画面がでてきますので、この中から扱いたい結合演算子を選択してください。<br />
その後、[フィールドを追加]に左右のデータソースに共通する項目を追加し、右下から保存してください。
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-14.jpg" alt="結合を設定" width="800" height="385" class="alignnone wp-image-12096 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-14.jpg 800w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-14-360x173.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-14-768x370.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-14-500x241.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
</li>
<li> 右上の「データソース名」のところを入力してください。<br />
そして、画面右下の保存をクリックし、右上の閉じるで元の画面に戻ってください。</li>
<li>「<a href="#hyou-sakusei">表やグラフを作成する</a>」の手順でグラフを作成し、右側のグラフ設定の「データソース」から先ほど作成した結合したデータを選択するとグラフに反映されます。</li>
</ol>
<h4>作成したレポートを共有する</h4>
<p>画面右上[共有]からユーザーを追加するかリンクを送ることで共有ができます。<br />
リンクの設定や歯車マークなどから閲覧設定などが可能です。</p>
<p><img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-15-1.jpg" alt="レポート共有" width="800" height="384" class="alignnone wp-image-12098 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-15-1.jpg 800w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-15-1-360x173.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-15-1-768x369.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2023/05/Looker-Studio-15-1-500x240.jpg 500w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<h2>おすすめの使い方「スプレッドシートとの連携」</h2>
<h3>Looker Studioとスプレッドシートを連携するのがおすすめな理由</h3>
<p>Looker Studioとスプレッドシートとの連携をおすすめする理由を3つお伝えします。</p>
<ol>
<li><strong>Looker Studioのコネクタに対応していないデータソースを利用できる</strong><br />
Looker Studioとは連携できないデータソースでも、スプレッドシートに変換することで、Looker Studio上でも扱うことができるようになります。</li>
<li><strong>複数のスプレッドシートを一元管理できる</strong><br />
スプレッドシートをLooker Studioと連携させることで、複数のスプレッドシートで管理しているデータを、Looker Studio上で1枚のレポートとして確認できるようになります。</li>
<li><strong>スプレッドシートのデータ共有がより容易になる</strong><br />
Looker Studioで作成したレポートはGoogleドライブ上に保存されます。レポートは、Googleドライブ上で共有や編集ができ、編集や閲覧の制限もできるので、簡易に扱うことができます。</li>
</ol>
<h3>スプレッドシートとの連携方法</h3>
<p>「<a href="#heading=h.6tf1wj9gn75x" target="_blank" rel="noopener">データソースと連携する</a>」でGoogleスプレッドシートを選択すると連携可能です。</p>
<h3>連携時の注意点</h3>
<p>スプレッドシートと連携する際は下記の5つに注意しましょう。</p>
<ol>
<li><strong>共有フォルダ内のスプレッドシートは連携できない</strong><br />
Looker Studioでは、共有フォルダ内にあるスプレッドシートにアクセスができません。連携させたいスプレッドシートはプライベートフォルダ内に用意しておきましょう。</li>
<li> <strong>横に長いスプレッドシートはうまく反映できないおそれがある</strong><br />
スプレッドシートが横に長すぎるとLooker Studioにうまく反映できない可能性があります。連携したいスプレッドシートは縦形式で作成するようにしましょう。</li>
<li><strong>セル結合しているスプレッドシートのデータは正しく取り込めない</strong><br />
スプレッドシートのセルが結合されていると、セル結合をしている部分のデータを正しく読み取れないことがあります。連携したいスプレッドシートではセル結合をしないようにしましょう。</li>
<li> <strong>スプレッドシート内のフィールド名が重複しているとうまく集計されない</strong><br />
スプレッドシート上部に設定した「日付」「売上」などのフィールドに同じ名前のものがあると、正しく集計されないことがあります。フィールド名の重複には気を付けましょう。</li>
<li><strong>スプレッドシートに総計行があると集計データが正しく表示されない</strong><br />
連携するスプレッドシートに総計などの行があった場合、Looker Studioでは総計データも通常データとして集計されてしまいます。連携したいスプレッドシートには総計行などを入れないようにしましょう。</li>
</ol>
<h2>まとめ</h2>
<p>Looker Studioの使い方はご理解いただけましたでしょうか。<br />
Looker Studioはレポーティングに特化している分、シンプルで扱いやすいものとなっていますので、直感的に操作できると思います。<br />
データの管理・分析の効率が上がりますので、ぜひ業務にも活かしてみてください。</p>
<div class="jso-cursor-trail-wrapper" style="position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; overflow: hidden; pointer-events: none; z-index: 9999;">
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 142 142"> <circle cx="71" cy="71" r="71" fill="#dbbc74"></circle> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewbox="0 0 336 336"> <path fill="#e6d65e" d="M168 226.8C128.4 226.8 88.8 246.8 49.2 286.8 89.2 247.2 109.2 207.6 109.2 168 109.2 128.4 89.2 88.8 49.2 49.2 88.8 89.2 128.4 109.2 168 109.2 207.6 109.2 247.2 89.2 286.8 49.2 246.8 88.8 226.8 128.4 226.8 168 226.8 207.6 246.8 247.2 286.8 286.8 247.2 246.8 207.6 226.8 168 226.8Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 336 336"> <path fill="#ffcf5f" d="M168 243.6C128.4 243.6 88.8 258 49.2 286.8 78 247.2 92.4 207.6 92.4 168 92.4 128.4 78 88.8 49.2 49.2 88.8 78 128.4 92.4 168 92.4 207.6 92.4 247.2 78 286.8 49.2 258 88.8 243.6 128.4 243.6 168 243.6 207.6 258 247.2 286.8 286.8 247.2 258 207.6 243.6 168 243.6Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <path fill="#e3d881" d="M168 218.4C128.4 218.4 88.8 241.2 49.2 286.8 94.8 247.2 117.6 207.6 117.6 168 117.6 128.4 94.8 88.8 49.2 49.2 88.8 94.8 128.4 117.6 168 117.6 207.6 117.6 247.2 94.8 286.8 49.2 241.2 88.8 218.4 128.4 218.4 168 218.4 207.6 241.2 247.2 286.8 286.8 247.2 241.2 207.6 218.4 168 218.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 239 240"> <path fill="#e6cb05" d="M119.5 191.7C91.3 191.7 63.2 196 35 204.5 43.5 176.3 47.8 148.2 47.8 120 47.8 91.8 43.5 63.7 35 35.5 63.2 44 91.3 48.3 119.5 48.3 147.7 48.3 175.8 44 204 35.5 195.5 63.7 191.2 91.8 191.2 120 191.2 148.2 195.5 176.3 204 204.5 175.8 196 147.7 191.7 119.5 191.7Z" transform="rotate(45 119.501 120)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 336 336"> <polygon fill="#bfb177" points="168 252 49.2 286.8 84 168 49.2 49.2 168 84 286.8 49.2 252 168 286.8 286.8" transform="rotate(45 168 168)"></polygon> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 336 336"> <path fill="#ffe940" d="M168 260.4C128.4 260.4 88.8 269.2 49.2 286.8 66.8 247.2 75.6 207.6 75.6 168 75.6 128.4 66.8 88.8 49.2 49.2 88.8 66.8 128.4 75.6 168 75.6 207.6 75.6 247.2 66.8 286.8 49.2 269.2 88.8 260.4 128.4 260.4 168 260.4 207.6 269.2 247.2 286.8 286.8 247.2 269.2 207.6 260.4 168 260.4Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewbox="0 0 336 336"> <path fill="#ffed8a" d="M168 235.2C128.4 235.2 88.8 252.4 49.2 286.8 83.6 247.2 100.8 207.6 100.8 168 100.8 128.4 83.6 88.8 49.2 49.2 88.8 83.6 128.4 100.8 168 100.8 207.6 100.8 247.2 83.6 286.8 49.2 252.4 88.8 235.2 128.4 235.2 168 235.2 207.6 252.4 247.2 286.8 286.8 247.2 252.4 207.6 235.2 168 235.2Z" transform="rotate(45 168 168)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 268 268"> <path fill="#f8ffc4" d="M134.3 241C102.7 241 71.2 236.9 39.7 228.6 31.4 197.1 27.3 165.5 27.3 134 27.3 102.5 31.4 70.9 39.7 39.4 71.2 31.1 102.7 27 134.3 27 165.8 27 197.3 31.1 228.8 39.4 237.1 70.9 241.3 102.5 241.3 134 241.3 165.5 237.1 197.1 228.8 228.6 197.3 236.9 165.8 241 134.3 241Z" transform="rotate(45 134.25 134)"></path> </svg></div>
<div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;"></div>
</div><p>The post <a href="https://bruceclay.jpn.com/column/looker-studio/">【図解付き】Looker Studio（旧Googleデータポータル）の使い方やスプレッドシートとの連携方法について</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【最新版】Googleアナリティクス権限付与の手順と注意点を解説</title>
		<link>https://bruceclay.jpn.com/column/ga_authorization-procedure/</link>
		
		<dc:creator><![CDATA[SEOコンサルタントチーム]]></dc:creator>
		<pubDate>Mon, 05 Dec 2022 02:00:38 +0000</pubDate>
				<category><![CDATA[#GoogleAnalytics]]></category>
		<guid isPermaLink="false">https://bruceclay.jpn.com/?post_type=p_col&#038;p=10767</guid>

					<description><![CDATA[<p>「Googleアナリティクスの権限の違いがよくわからない」 「Googleアナリティクスの権限付与の方法が分からない」 という方もいるのではないでしょうか。 この記事では、Googleアナリティクスの権限付与の方法と注意 [&#8230;]</p>
<p>The post <a href="https://bruceclay.jpn.com/column/ga_authorization-procedure/">【最新版】Googleアナリティクス権限付与の手順と注意点を解説</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></description>
										<content:encoded><![CDATA[<p style="text-align: left;">「Googleアナリティクスの<span>権限の違いがよくわからない</span>」<br />
「Googleアナリティクスの権限付与の方法が分からない」<br />
という方もいるのではないでしょうか。</p>
<p><span style="font-weight: 400;">この記事では、Googleアナリティクスの権限付与の方法と注意点を合わせて解説します。権限付与の方法が分からない方は、ぜひ参考にしてください。</span></p>
<h2>Googleアナリティクス権限の種類</h2>
<p>Googleアナリティクス権限には、3つの階層と6つの役割があります。<span style="font-weight: 400;">権限を付与する</span>際は、それぞれ指定することで操作可能な範囲を管理できます。階層と役割について解説します。</p>
<h3>階層</h3>
<p>Googleアナリティクスは、以下3つの階層があります。<span style="font-weight: 400;">サイト管理者は、これらを設定することで、権限を付与するユーザーの業務に応じて、アクセスできる階層を制限できます。</span></p>
<table>
<tbody>
<tr>
<td style="background-color: #c7c7c7; text-align: center;"><strong>階層</strong></td>
<td style="background-color: #c7c7c7; text-align: center;"><strong>操作できる範囲</strong></td>
</tr>
<tr>
<td style="text-align: center;">アカウント</td>
<td style="text-align: center;">企業単位</td>
</tr>
<tr>
<td style="text-align: center;">プロパティ</td>
<td style="text-align: center;">サイト単位</td>
</tr>
<tr>
<td style="text-align: center;">ビュー</td>
<td style="text-align: center;">データ単位</td>
</tr>
</tbody>
</table>
<p>階層の高い順にアカウント、プロパティ、ビューとなります。<br />
※GA4の場合は、アカウントとプロパティのみ</p>
<p><span style="font-weight: 400;">権限を付与する</span>際は、この階層を指定することで、<span style="font-weight: 400;">権限を付与する</span>ユーザーの操作可能な範囲を管理できます。どの範囲まで付与するべきか事前に確認しましょう。<br />
※階層について詳しくはこちらを参考にしてください「<a href="https://support.google.com/analytics/answer/9303323?hl=ja#zippy=%2C%E3%81%93%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%AE%E5%86%85%E5%AE%B9" target="_blank" rel="noopener">Google アナリティクスの階層</a>」</p>
<h3>役割<span style="font-weight: 400;">（ロール）</span>の種類</h3>
<p>Googleアナリティクスは、以下6種類の役割があります。</p>
<table style="width: 100%; height: 738px;">
<tbody>
<tr style="height: 24px;">
<td style="background-color: #c7c7c7; width: 11.6363%; height: 24px; text-align: center;"><strong>ロール</strong></td>
<td style="background-color: #c7c7c7; width: 87.3939%; height: 24px; text-align: center;"><strong>説明</strong></td>
</tr>
<tr style="height: 129px;">
<td style="width: 11.6363%; height: 129px;">管理者</td>
<td style="width: 87.3939%; height: 129px;">アナリティクスのすべてを管理できる権限です。<br />
ユーザーの管理（ユーザーの追加および削除、ロールおよびデータ制限の割り当て）を行うことができます。アカウントまたはプロパティでこのロールを持つすべてのユーザー（自分自身を含む）に完全な権限を付与できます。編集者のロールを含みます。（以前の「ユーザー管理権限」に代わるものです）</td>
</tr>
<tr style="height: 72px;">
<td style="width: 11.6363%; height: 72px;">編集者</td>
<td style="width: 87.3939%; height: 72px;">プロパティ単位の設定をすべて管理できる権限です。ユーザーを管理することはできません。<br />
アナリストのロールを含みます。（「編集権限」の新しい名称です）</td>
</tr>
<tr style="height: 72px;">
<td style="width: 11.6363%; height: 72px;">マーケティング担当者</td>
<td style="width: 87.3939%; height: 72px;">機能的には、ユニバーサル アナリティクスのアナリスト ロールと同じです。</td>
</tr>
<tr style="height: 297px;">
<td style="width: 11.6363%; height: 297px;">アナリスト</td>
<td style="width: 87.3939%; height: 297px;">プロパティアセットの作成、編集、削除、共有、および共有アセットの共同編集を行うことができます。<br />
閲覧者のロールを含みます。（「共同編集権限」の新しい名称です）
<p>プロパティアセットには次が含まれます。</p>
<ul>
<li>アトリビューション モデル</li>
<li>コンバージョン セグメント</li>
<li>カスタム レポート</li>
<li>ダッシュボード</li>
</ul>
</td>
</tr>
<tr style="height: 96px;">
<td style="width: 11.6363%; height: 96px;">閲覧者</td>
<td style="width: 87.3939%; height: 96px;">レポートと設定データの表示、レポート内でのデータ操作（比較の追加、セカンダリ ディメンションの追加など）、個人アセットの作成と共有、管理画面または API を介した共有アセットの表示が可能です。<br />
この権限で共有アセットを共同編集することはできません。（「表示と分析権限」の新しい名称です）</td>
</tr>
<tr style="height: 48px;">
<td style="width: 11.6363%; height: 48px;">なし</td>
<td style="width: 87.3939%; height: 48px;">ユーザーにこのオブジェクトのロールが割り当てられていません。<br />
別のオブジェクトのロールが割り当てられている可能性があります。</td>
</tr>
</tbody>
</table>
<p>※引用元：アナリティクスヘルプ「<a href="https://support.google.com/analytics/answer/9305587?hl=ja#zippy=" target="_blank" rel="noopener">アクセス権とデータ制限の管理</a>」</p>
<p>対象ユーザーへ付与する役割により、編集や閲覧など操作可能な権限を管理できます。<span style="font-weight: 400;">権限を付与する</span>際は、どの範囲まで許可するかを確認しましょう。</p>
<h3>権限付与：ケース別のおすすめ設定</h3>
<p><span style="font-weight: 400;">権限を付与する</span>ケースとして多いのが、広告代理店や制作会社から権限付与を依頼されるケースだと思います。外部ユーザーへアナリティクスの<span style="font-weight: 400;">権限を付与する</span>際は、依頼する内容に合わせて適切な権限を付与しましょう。よくあるケースとおすすめの権限の例を以下で紹介します。</p>
<ul>
<li><span style="font-weight: 400;">広告代理店に自社サイトの分析をお願いしたい<br />
</span>→階層「プロパティ」、役割「アナリスト」権限を付与</li>
<li><span style="font-weight: 400;">制作会社にアナリティクス（GA4など）の設定を一からお願いしたい<br />
</span>→階層「アカウント」、役割「編集者」権限を付与</li>
<li>特定のビュー情報を社内のメンバーに共有したい<br />
→階層「ビュー」、役割「閲覧者」権限を付与</li>
</ul>
<h2>Googleアナリティクスの権限付与の手順</h2>
<p>それでは、具体的にGoogleアナリティクスの権限付与の手順について、7ステップで解説します。作業自体は2分程度で完了しますので、確認しながら進めていきましょう。</p>
<h3> ０．<span style="font-weight: 400;">権限を付与する</span>メールアドレスを用意</h3>
<p>実際に<span style="font-weight: 400;">権限を付与する</span>前に、権限を付与したいユーザーのメールアドレスを用意します。</p>
<h3> １．Googleアナリティクスにログイン</h3>
<p>対象の<a href="https://marketingplatform.google.com/about/analytics/" target="_blank" rel="noopener">Googleアナリティクス</a>に<span style="font-weight: 400;">、</span><span style="font-weight: 400;">管理者権限のアカウントで</span>ログインします。<br />
<img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2022/11/Googleアナリティクスにログイン-e1669777348509.jpg" alt="Googleアナリティクスにログイン" width="897" height="454" class="alignnone wp-image-10772 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2022/11/Googleアナリティクスにログイン-e1669777348509.jpg 897w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/Googleアナリティクスにログイン-e1669777348509-360x182.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/Googleアナリティクスにログイン-e1669777348509-768x389.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/Googleアナリティクスにログイン-e1669777348509-500x253.jpg 500w" sizes="auto, (max-width: 897px) 100vw, 897px" /></p>
<p id="gdcalert2">
<h3> ２．「管理」を選択</h3>
</p><p>画面左下の「管理」を選択します。<br />
<img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2022/11/「管理」を選択-e1669777426521.jpg" alt="「管理」を選択" width="900" height="400" class="alignnone wp-image-10770 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2022/11/「管理」を選択-e1669777426521.jpg 900w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/「管理」を選択-e1669777426521-360x160.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/「管理」を選択-e1669777426521-768x341.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/「管理」を選択-e1669777426521-500x222.jpg 500w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<p id="gdcalert3">
<h3> ３．アクセス管理を選択</h3>
</p><p>権限付与する階層（アカウント、プロパティ、ビュー）内の「アクセス管理」を選択します。<br />
※画像は「アカウントのアクセス管理」<br />
<img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2022/11/「アカウントのアクセス管理」を選択-e1669777491276.jpg" alt="「アカウントのアクセス管理」を選択" width="900" height="400" class="alignnone wp-image-10775 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2022/11/「アカウントのアクセス管理」を選択-e1669777491276.jpg 900w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/「アカウントのアクセス管理」を選択-e1669777491276-360x160.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/「アカウントのアクセス管理」を選択-e1669777491276-768x341.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/「アカウントのアクセス管理」を選択-e1669777491276-500x222.jpg 500w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<p id="gdcalert4">
<h3> ４．「ユーザーを追加」を選択</h3>
</p><p>画面右上の+を選択し、「ユーザーを追加」を選択します。<br />
<img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2022/11/「ユーザーを追加」を選択-e1669777540622.jpg" alt="「ユーザーを追加」を選択" width="900" height="398" class="alignnone wp-image-10769 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2022/11/「ユーザーを追加」を選択-e1669777540622.jpg 900w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/「ユーザーを追加」を選択-e1669777540622-360x159.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/「ユーザーを追加」を選択-e1669777540622-768x340.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/「ユーザーを追加」を選択-e1669777540622-500x221.jpg 500w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<p id="gdcalert5">
<h3> ５．メールアドレスを入力</h3>
</p><p>メールアドレスの入力欄へ、対象ユーザーのメールアドレスを入力します。<br />
<img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2022/11/メールアドレスを入力-e1669777585788.jpg" alt="メールアドレスを入力" width="900" height="218" class="alignnone wp-image-10773 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2022/11/メールアドレスを入力-e1669777585788.jpg 900w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/メールアドレスを入力-e1669777585788-360x87.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/メールアドレスを入力-e1669777585788-768x186.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/メールアドレスを入力-e1669777585788-500x121.jpg 500w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<p id="gdcalert6">
<h3> ６．役割とデータ制限を選択</h3>
</p><p>ユーザーへ付与する役割とデータの制限（GA4プロパティのみ）を選択します。<br />
<img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2022/11/役割とデータ制限を選択-e1669777622837.jpg" alt="役割とデータ制限を選択" width="900" height="522" class="alignnone wp-image-10774 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2022/11/役割とデータ制限を選択-e1669777622837.jpg 900w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/役割とデータ制限を選択-e1669777622837-360x209.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/役割とデータ制限を選択-e1669777622837-768x445.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/役割とデータ制限を選択-e1669777622837-483x280.jpg 483w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<p id="gdcalert7">
<h3> ７．「追加」を選択</h3>
</p><p>画面右上の「追加」を選択します。これでGoogleアナリティクスの権限付与は完了です。<br />
<img loading="lazy" decoding="async" src="https://bruceclay.jpn.com/wp-content/uploads/2022/11/「追加」を選択-e1669777652718.jpg" alt="「追加」を選択" width="900" height="65" class="alignnone wp-image-10771 size-full" srcset="https://bruceclay.jpn.com/wp-content/uploads/2022/11/「追加」を選択-e1669777652718.jpg 900w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/「追加」を選択-e1669777652718-360x26.jpg 360w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/「追加」を選択-e1669777652718-768x55.jpg 768w, https://bruceclay.jpn.com/wp-content/uploads/2022/11/「追加」を選択-e1669777652718-500x36.jpg 500w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<p id="gdcalert8">
<h2>Googleアナリティクスの権限付与を行う際の注意点</h2>
</p><p>Googleアナリティクスの権限を付与する場合、権限付与するユーザーのGoogleアカウントのメールアドレスが必要となります。Googleアカウントに登録しているメールアドレスがない場合は、Googleアカウントを作成しなければいけません。</p>
<p>また、無料版のGoogleアナリティクスでは、階層ごとに<span style="font-weight: 400;">登録できるアカウントの</span>上限数が決まっています。無料版の場合は、上限の範囲内で追加しましょう。</p>
<table>
<tbody>
<tr>
<td style="background-color: #c7c7c7; width: 44.6105%; text-align: center;"><strong>階層</strong></td>
<td style="background-color: #c7c7c7; width: 49.657%; text-align: center;"><strong>上限数</strong></td>
</tr>
<tr>
<td style="width: 44.6105%; text-align: center;">アカウント</td>
<td style="width: 49.657%; text-align: center;">上限150</td>
</tr>
<tr>
<td style="width: 44.6105%; text-align: center;">プロパティ</td>
<td style="width: 49.657%; text-align: center;">上限50</td>
</tr>
<tr>
<td style="width: 44.6105%; text-align: center;">ビュー</td>
<td style="width: 49.657%; text-align: center;">上限25</td>
</tr>
</tbody>
</table>
<h2>まとめ：権限付与を正しくスムーズに！</h2>
<p>Googleアナリティクスの権限付与を行うことで、社内外の複数ユーザーへ情報を共有することができます。多くのユーザーにアナリティクスを確認してもらうことで、新たな発見やそこから成果の改善にも繋がります。<span style="font-weight: 400;">権限を付与する</span>際は、上記手順に沿って正しく、スムーズに情報を共有しましょう。</p>
<p>▼その他ツールの権限付与方法についてはこちらをご覧ください。<br />
<a href="https://bruceclay.jpn.com/column/gsc-authorization/">画像でわかる！Googleサーチコンソールの権限付与の手順</a><br />
<a href="https://bruceclay.jpn.com/column/types-of-account-privileges-and-linking-methods-in-yahoo-ads/">Yahoo!広告でのアカウント権限の種類と紐づけ方法をご紹介！</a></p><p>The post <a href="https://bruceclay.jpn.com/column/ga_authorization-procedure/">【最新版】Googleアナリティクス権限付与の手順と注意点を解説</a> first appeared on <a href="https://bruceclay.jpn.com">ブルースクレイ・ジャパン</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
