Javascriptのコードをjsファイルに記載

Javascriptのコードをtemplates/header.htmlでなく、js/default.jsに記載する方法

テンプレートに記載する方法との違い
  • <script>タグは不要。
  • {literal}と{/literal}で囲む必要もなし。

例1:Googleアナリティクスのトラッキングコードをjs/default.jsに設置する場合のコード(一番最後の行に追加)
//Googleアナリティクス
  var _gaq = _gaq | | [];
  _gaq.push(['_setAccount', 'UA-XXXXX-Y']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

例2:FlexSliderのJavascriptのコードをjs/default.jsに記載する場合のコード(ここからここまでの2行のみ追加)
$(document).ready(function() {

↓ここから↓
//FlexSlider
$('.flexslider').flexslider();
↑ここまで↑

~(略)~
}
js/default.jsに設置する場合、データの最初が「$(document).ready(function() {」となっている場合は、js/default.jsの9行目にある「$(document).ready(function() {」の下に設置する。


>>ヘッダ・フッタのカスタマイズへ

  • 最終更新:2016-06-26 14:22:59

このWIKIを編集するにはパスワード入力が必要です

認証パスワード