Wicketを使用してGoogle Analyticsのeコマーストラッキングを生成する

Question

私はWicketを使用してページをレンダリングする電子商取引を開発しています。メインレイアウトの「ベースページ」があり、「購入いただきありがとうございました」ページにGoogleアナリティクスの電子商取引トラッキングコードを追加したいと考えています。参考として、このようなJSコード：カートおよびチェックアウトのための

<script type="text/javascript> 
    var _gaq = _gaq || []; 
    _gaq.push(['_setAccount', 'UA-12345678-9']); 
    _gaq.push(['_addTrans', '123', '', '12.56', '', '5.00']); 
    _gaq.push(['_addItem', '123', 'sku-1', 'Product 1', 'Category X', '12.56', '1']); 
    _gaq.push(['_addItem', '123', 'sku-2', 'Product 2', 'Category Y', '13.45', '1']); 
    _gaq.push(['_trackTrans']); 
    (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); 
    })(); 
</script> 

HTMLコードは簡単でしたが、どのように私は、これは自動改札で動的にJSを生成することができますか？

Answer 1

はい、IHeaderContributorを単純に使用するだけです。 Btw、あなたのウィケットの電子商取引のためのフレームワークを使用していますか？私は多くの運が無ければ、1つか2つを統合しようとしています。

class BasePage extends Page implements IHeaderContributor { 
     public BasePage(String id){ 
       super(id); 
     } 
     @Override 
     public void renderHead(IHeaderResponse response){ 
       //You might want renderOnLoadJavascript.... 
       // Btw, I didn't format your string for java, you need to add quotation 
       // marks or put it as one line. 
       response.renderJavascript("var _gaq = _gaq || []; 
         _gaq.push(['_setAccount', 'UA-12345678-9']); 
         _gaq.push(['_addTrans', '123', '', '12.56', '', '5.00']); 
         _gaq.push(['_addItem', '123', 'sku-1', 'Product 1', 'Category X', '12.56', '1']); 
         _gaq.push(['_addItem', '123', 'sku-2', 'Product 2', 'Category Y', '13.45', '1']); 
         _gaq.push(['_trackTrans']); 
         (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); 
         })();" 
       ); 
     } 
} 

Answer 2

私はWicketがjavascript自体を構築するのに助けを与えるとは思わないが、手動でJS文字列を構築してから、<script>タグをLabelコンポーネントとして宣言し、JS文字列をそのモデルまたは使用IHeaderContributorインターフェイス。