外部JavaScriptをテストページに読み込ませる方法
タグ : | jQuery外部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のシェアボタンのレイアウトを変えるテストを行う場合、外部スクリプトの書き替えが必要になることがあるかと存じます。今回ご紹介した方法がお役に立つかと思います。
ご利用頂くことで、バリエーション表現の幅を広げて頂く事ができるのではないでしょうか。
お試し下さいませ。