JavaScript、HTMLまたはCSSを使用したバリアントのカスタマイズ
A/Bテストまたは多変量テストでカスタムJavaScript、HTMLまたはCSSをバリアントに追加できます。これは、単純な視覚的変更よりも複雑なサイトの変更をテストする場合や、Webサイトの一部を完全に再設計する場合に便利です。カスタム・バリアント・コードは、そのバリアントに対する生成が発生した訪問者についてのみ実行されます。キャンペーンのすべての訪問者について実行されるJavaScriptを追加する場合は、すべてのキャンペーン訪問者(すべてのバリアント)へのカスタムJavaScriptの追加を参照してください。
この例では、JavaScriptコードを適用します。次のコードを使用すると、$50.00未満の製品について価格を緑にすることができます。
- デフォルト以外のバリアントを選択した状態で、コード・エディタを開きます。
- 目的のCSSコード、JavaScriptコードまたはHTMLコードを入力し、「Save」をクリックします。
- このコードは、キャンペーンのレンダリング・スクリプトが
renderer.runVariantJs()メソッドかdom.addCss()メソッドをコールしたときに、またはバリアント・コード内でCSSおよびHTML変数を参照することによって(http://docs.oracle.com/cloud/latest/marketingcs_gs/OMCGB)、ページ上で実行されます。
<script>
var prices = document.querySelectorAll('.special-price');
for(var i = 0; i < prices.length; i++) {
var price = prices[i].innerHTML.replace(/\D/g, '') / 100;
if ((price) <= 50) {
prices[i].style.color = 'green';
}
}
</script>