Google 웹 사이트 최적화 도구의 다 변수 테스트를 사용하면 단일 div에서 여러 CSS 클래스를 변경할 수 있습니까?

Question

Google 웹 사이트 최적화 도구 (GWO)의 여러 변수 테스트를 사용하여 여러 버전의 웹 페이지를 테스트하고 싶습니다. 이상에서

<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> 

나는 각각의 장소에서 웹 사이트 최적화 도구 섹션 코드를 사용할 수있을 것이다 : 다른 버전이 형식은 즉, 나는 단지 사업부에 일부 클래스 태그를 변화시킴으로써 버전으로 버전에서 변경할 수 있습니다 클래스, 그리고 구글 그냥 적절한 태그 (foo1 또는 foo2, bar1 또는 bar2) 스왑 것입니다.

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

을 그리고 실제로, 브라우저가 온통된다는 : 내가 사업부의 클래스 속성 내부 <script> 태그를 넣어 시도 될 수 있기 때문에, 순진 끔찍하게 잘못된 코드에서이 결과를하고. 다음과 같이

나의 현재 가장 좋은 방법은, 단지 시험의 각 변수에 대해 다른 사업부를 사용하는 것입니다

<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에서 클래스를 변경하는 데 사용할 수있는 더 나은 방법이 있습니까?

Answer 1

는 아마 가장 좋은 방법은 다음과 같습니다

확실히 개선의

<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>