外部JavaScriptをテストページに読み込ませる方法 | Optimizely 正規代理店イー・エージェンシー

Optimizely X ヘルプ

  • 最終更新日:2017年02月23日

外部JavaScriptをテストページに読み込ませる方法

テストバリエーションに外部JavaScriptを読み込むには、通常のリンク方法では読み込むことができません。
外部Javascriptを読み込む方法について、サンプルコードを用いてご案内いたします。

実装できない例

<script type="text/javascript" src="http://example.com/js/hoge.js">

OptimizelyグラフィックエディターのHTMLの編集やコードの編集エディターにて、直接上記のように記述してもエラーになり実装できません。

実装可能な例

コードの編集エディターにて、下記のように記述頂く事で実装が可能です。

$(function(){
  var fileRef = document.createElement('script');
  fileRef.setAttribute("type","text/javascript");
  fileRef.setAttribute("src", "http://example.com/js/hoge.js");
  document.body.appendChild(fileRef);}
);

利用例

例えば、SNSのシェアボタンのレイアウトを変えるテストを行う場合、外部スクリプトの書き替えが必要になることがあるかと存じます。今回ご紹介した方法がお役に立つかと思います。
ご利用頂くことで、バリエーション表現の幅を広げて頂く事ができるのではないでしょうか。

お試し下さいませ。

参考URL : https://community.optimizely.com/t5/Using-Optimizely/Loading-external-scripts-through-Optimizeley-social-media/td-p/1632

Optimizelyのサポートに関するお問い合わせはこちらまで

コメントは受け付けていません。

ヘルプの関連記事

売り上げ金額の計測の設定方法 X版
投稿日: 2017年10月13日
Exclusion Groups(排他的グループ機能)の設定方法
投稿日: 2017年08月24日
Cross-Project Events(プロジェクトをまたぐ目標計測)の設定方法
投稿日: 2017年07月28日
テストバリエーションをテストを開始せずに実際の画面で確認する ( Optimizely X )
投稿日: 2017年06月20日
Optimizely X と Ptengine の連携方法(Optimizely X)
投稿日: 2017年05月15日

ヘルプのよく読まれている記事