AB 테스트에서 사용할 수 있습니다! ? 가상 페이지뷰란?

가상 페이지 뷰(Virtual Page View)란?



LPO(AB 테스트)를 실시하는 경우에, Google 애널리틱스로 표시하는 페이지명을 패턴마다 나누고 싶은 경우가 있다.
예를 들면, ●●●닷컴(A패턴)이나××제이피(메인 화상 변경) 등.
SEO상의 문제로부터 태그를 변경하는 것은 피하고 싶다… 이런 경우에 사용할 수 있는 것이 「가상 페이지뷰」이다.<br><br> <h1> <span id="どうやるか" class="fragment">どうやるか</span></h1><br><br>일반 유니버설 애널리틱스의 코드 부분을…<br><pre><code><span class="nt"><script></span> <span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">i</span><span class="p">,</span><span class="nx">s</span><span class="p">,</span><span class="nx">o</span><span class="p">,</span><span class="nx">g</span><span class="p">,</span><span class="nx">r</span><span class="p">,</span><span class="nx">a</span><span class="p">,</span><span class="nx">m</span><span class="p">){</span><span class="nx">i</span><span class="p">[</span><span class="dl">'</span><span class="s1">GoogleAnalyticsObject</span><span class="dl">'</span><span class="p">]</span><span class="o">=</span><span class="nx">r</span><span class="p">;</span><span class="nx">i</span><span class="p">[</span><span class="nx">r</span><span class="p">]</span><span class="o">=</span><span class="nx">i</span><span class="p">[</span><span class="nx">r</span><span class="p">]</span><span class="o">||</span><span class="kd">function</span><span class="p">(){</span> <span class="p">(</span><span class="nx">i</span><span class="p">[</span><span class="nx">r</span><span class="p">].</span><span class="nx">q</span><span class="o">=</span><span class="nx">i</span><span class="p">[</span><span class="nx">r</span><span class="p">].</span><span class="nx">q</span><span class="o">||</span><span class="p">[]).</span><span class="nx">push</span><span class="p">(</span><span class="nx">arguments</span><span class="p">)},</span><span class="nx">i</span><span class="p">[</span><span class="nx">r</span><span class="p">].</span><span class="nx">l</span><span class="o">=</span><span class="mi">1</span><span class="o">*</span><span class="k">new</span> <span class="nb">Date</span><span class="p">();</span><span class="nx">a</span><span class="o">=</span><span class="nx">s</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="nx">o</span><span class="p">),</span> <span class="nx">m</span><span class="o">=</span><span class="nx">s</span><span class="p">.</span><span class="nx">getElementsByTagName</span><span class="p">(</span><span class="nx">o</span><span class="p">)[</span><span class="mi">0</span><span class="p">];</span><span class="nx">a</span><span class="p">.</span><span class="k">async</span><span class="o">=</span><span class="mi">1</span><span class="p">;</span><span class="nx">a</span><span class="p">.</span><span class="nx">src</span><span class="o">=</span><span class="nx">g</span><span class="p">;</span><span class="nx">m</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">insertBefore</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span><span class="nx">m</span><span class="p">)</span> <span class="p">})(</span><span class="nb">window</span><span class="p">,</span><span class="nb">document</span><span class="p">,</span><span class="dl">'</span><span class="s1">script</span><span class="dl">'</span><span class="p">,</span><span class="dl">'</span><span class="s1">//www.google-analytics.com/analytics.js</span><span class="dl">'</span><span class="p">,</span><span class="dl">'</span><span class="s1">ga</span><span class="dl">'</span><span class="p">);</span> <span class="nx">ga</span><span class="p">(</span><span class="dl">'</span><span class="s1">create</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">UA-XXXXXXXX-X</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">auto</span><span class="dl">'</span><span class="p">);</span> <span class="nx">ga</span><span class="p">(</span><span class="dl">'</span><span class="s1">send</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">pageview</span><span class="dl">'</span><span class="p">);</span> <span class="nt"></script></span> </code></pre><br>이렇게 수정합니다.<br><pre><code><span class="nt"><script></span> <span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">i</span><span class="p">,</span><span class="nx">s</span><span class="p">,</span><span class="nx">o</span><span class="p">,</span><span class="nx">g</span><span class="p">,</span><span class="nx">r</span><span class="p">,</span><span class="nx">a</span><span class="p">,</span><span class="nx">m</span><span class="p">){</span><span class="nx">i</span><span class="p">[</span><span class="dl">'</span><span class="s1">GoogleAnalyticsObject</span><span class="dl">'</span><span class="p">]</span><span class="o">=</span><span class="nx">r</span><span class="p">;</span><span class="nx">i</span><span class="p">[</span><span class="nx">r</span><span class="p">]</span><span class="o">=</span><span class="nx">i</span><span class="p">[</span><span class="nx">r</span><span class="p">]</span><span class="o">||</span><span class="kd">function</span><span class="p">(){</span> <span class="p">(</span><span class="nx">i</span><span class="p">[</span><span class="nx">r</span><span class="p">].</span><span class="nx">q</span><span class="o">=</span><span class="nx">i</span><span class="p">[</span><span class="nx">r</span><span class="p">].</span><span class="nx">q</span><span class="o">||</span><span class="p">[]).</span><span class="nx">push</span><span class="p">(</span><span class="nx">arguments</span><span class="p">)},</span><span class="nx">i</span><span class="p">[</span><span class="nx">r</span><span class="p">].</span><span class="nx">l</span><span class="o">=</span><span class="mi">1</span><span class="o">*</span><span class="k">new</span> <span class="nb">Date</span><span class="p">();</span><span class="nx">a</span><span class="o">=</span><span class="nx">s</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="nx">o</span><span class="p">),</span> <span class="nx">m</span><span class="o">=</span><span class="nx">s</span><span class="p">.</span><span class="nx">getElementsByTagName</span><span class="p">(</span><span class="nx">o</span><span class="p">)[</span><span class="mi">0</span><span class="p">];</span><span class="nx">a</span><span class="p">.</span><span class="k">async</span><span class="o">=</span><span class="mi">1</span><span class="p">;</span><span class="nx">a</span><span class="p">.</span><span class="nx">src</span><span class="o">=</span><span class="nx">g</span><span class="p">;</span><span class="nx">m</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">insertBefore</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span><span class="nx">m</span><span class="p">)</span> <span class="p">})(</span><span class="nb">window</span><span class="p">,</span><span class="nb">document</span><span class="p">,</span><span class="dl">'</span><span class="s1">script</span><span class="dl">'</span><span class="p">,</span><span class="dl">'</span><span class="s1">//www.google-analytics.com/analytics.js</span><span class="dl">'</span><span class="p">,</span><span class="dl">'</span><span class="s1">ga</span><span class="dl">'</span><span class="p">);</span> <span class="nx">ga</span><span class="p">(</span><span class="dl">'</span><span class="s1">create</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">UA-XXXXXXXX-X</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">auto</span><span class="dl">'</span><span class="p">);</span> <span class="nx">ga</span><span class="p">(</span><span class="dl">'</span><span class="s1">send</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">pageview</span><span class="dl">'</span><span class="p">,</span> <span class="p">{</span> <span class="dl">'</span><span class="s1">page</span><span class="dl">'</span> <span class="p">:</span> <span class="dl">'</span><span class="s1">/pattern_b.html</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">title</span><span class="dl">'</span> <span class="p">:</span> <span class="dl">'</span><span class="s1">パターンB</span><span class="dl">'</span> <span class="p">});</span> <span class="nt"></script></span> </code></pre><br> <h2> <span id="ページ名の表示が変更された" class="fragment">ページ名の表示が変更された</span></h2><br><br> <a href="#!" rel="noreferrer noopener nofollow"><img src="https://s1.md5.ltd/image/67ea1ecf89693bca6ece93415b794a19.png" loading="lazy" class="check_url_is_full"/></a><br><br> <h2> <span id="ページタイトルが変更された" class="fragment">ページタイトルが変更された</span></h2><br><br> <a href="#!" rel="noreferrer noopener nofollow"><img src="https://s1.md5.ltd/image/a1bb587591e76a023d518c6a650c9738.png" loading="lazy" class="check_url_is_full"/></a><br><br>다음은 변경하고 싶은 분만의 기술이라도 좋다.<br>'page' : '/pattern_b.html'<br>'title' : 패턴 B'<br><br> <h1> <span id="abテスト以外の利用ケース" class="fragment">ABテスト以外の利用ケース</span></h1><br><br>예를 들어, 사용하고 있는 시스템의 겸용으로, 아래와 같이 폼의 URL이 명시적으로 변하지 않는 경우 등에도 이용할 수 있습니다 (HTML의 편집은 가능한 환경이라고 가정합니다).<br>(입력) <a href="http://www.example.jp/form/" class="autolink" rel="noreferrer noopener nofollow">http://www.example.jp/form/</a><br>(확인) <a href="http://www.example.jp/form/" class="autolink" rel="noreferrer noopener nofollow">http://www.example.jp/form/</a><br>(완료) <a href="http://www.example.jp/form/" class="autolink" rel="noreferrer noopener nofollow">http://www.example.jp/form/</a><br><br>입력<pre><code><span class="nx">ga</span><span class="p">(</span><span class="dl">'</span><span class="s1">send</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">pageview</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">/form/input</span><span class="dl">'</span><span class="p">);</span> </code></pre><br>입력 오류<pre><code><span class="nx">ga</span><span class="p">(</span><span class="dl">'</span><span class="s1">send</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">pageview</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">/form/error</span><span class="dl">'</span><span class="p">);</span> </code></pre><br>확인<pre><code><span class="nx">ga</span><span class="p">(</span><span class="dl">'</span><span class="s1">send</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">pageview</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">/form/confirm</span><span class="dl">'</span><span class="p">);</span> </code></pre><br>완료<pre><code><span class="nx">ga</span><span class="p">(</span><span class="dl">'</span><span class="s1">send</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">pageview</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">/form/thanks</span><span class="dl">'</span><span class="p">);</span> </code></pre><br>Google 태그 관리자에서 비슷한 작업을 수행하는 경우 다음이 도움이 될 것입니다.<br><br> <a href="http://www.powerweb.co.jp/column/gtm-ua-virtualPV.html" rel="noreferrer noopener nofollow">URLが変わらないフォームをGoogleタグマネージャを使って正しく計測する設定 | Webコンサルティング/Webマーケティングのパワー・インタラクティブ</a><br><br> <h1> <span id="pr経由媒体ごとにabテストが出来るsmile-lpo" class="fragment">【PR】経由媒体ごとにABテストが出来る!「Smile LPO」</span></h1><br><br>폐사:안다스 주식회사의 서비스 「Smile LPO」에서는, 페이지에서의 AB 테스트 뿐만이 아니라, 디자인 파트 단위로의 테스트도 할 수 버립니다! 자세한 것은 이쪽!<br><br> <a href="http://smiletools.jp/slpo.html" rel="noreferrer noopener nofollow">SmileLPO スマイルLPO | Smile Tools スマイルツールズ</a>

좋은 웹페이지 즐겨찾기