1

Google ウェブサイト オプティマイザー (GWO) の多変量テストを使用して、Web ページのいくつかの異なるバージョンをテストしたいと考えています。div のいくつかのクラス タグを変更するだけで、バージョンごとに変更できます。つまり、異なるバージョンは次の形式です。

<div id="testing" class="foo1 bar1">content</div>
<div id="testing" class="foo1 bar2">content</div>
<div id="testing" class="foo2 bar1">content</div>
<div id="testing" class="foo2 bar2">content</div>

理想的には、各クラスの代わりに GWO セクション コードを使用でき、Google は適切なタグ (foo1またはfoo2、bar1またはbar2) を交換するだけです。<script>ただし、単純にこれを行うと、div の class 属性内にタグを配置しようとするため、ひどく不正なコードになります。

<div id="testing" class="
  <script>utmx_section("foo-class")</script>foo1</noscript>
  <script>utmx_section("bar-class")</script>bar1</noscript>
">
  content
</div>

実際、ブラウザはそのすべてを窒息させます。

私の現在の最善のアプローチは、次のように、テストの変数ごとに異なる div を使用することです。

<script>utmx_section("foo-class-div")</script>
  <div class="foo1">
</noscript>
  <script>utmx_section("bar-class-div")</script>
    <div class="bar1">
  </noscript>
    content
  </div>
</div>

そのため、複数の変数をテストするには、変数ごとに div ネストのレイヤーが必要であり、すべてかなり扱いにくいようです。

単一の div でクラスを変更するだけで使用できるより良いアプローチはありますか?

4

1 に答える 1

4

おそらく最良の方法は次のとおりです。

<div id="testing">content</div>

<script>
var testingDiv = document.getElementById('testing');
</script>

<script>utmx_section("foo-class-div")</script>
  <script>
  testingDiv.setAttribute('class', testingDiv.getAttribute('class') + ' foo1');
  </script>
</noscript>
<script>utmx_section("bar-class-div")</script>
  <script>
  testingDiv.setAttribute('class', testingDiv.getAttribute('class') + ' bar1');
  </script>
</noscript>
于 2010-06-08T01:10:00.550 に答える