haml - Haml 的 Google AdWord 示例

Question

给出这个例子:https://support.google.com/adwords/answer/3207306?hl=en&rd=1

如何将“代码片段疑难解答”部分下列出的代码转换为 haml？

我最接近的是:

%script{:type=>"text/javascript"}
  :cdata
    var google_conversion_id = 123456789;
    var google_conversion_language = "en";
    var google_conversion_format = "3";
    var google_conversion_color = "ffffff";
    var google_conversion_label = "AAAAAAAAAAAAAAAAAAA";
    var google_conversion_value = 0;
    var google_remarketing_only = false;
%script{:type => "text/javascript", :src => "//www.googleadservices.com/pagead/conversion.js"}
%noscript
  %div{:style => "display:inline;"}
    %img{:height => "1", :width => "1", :style => "border-style:none;", :alt => "", :src => "//www.googleadservices.com/pagead/conversion/123456789/?value=0&label= AAAAAAAAAAAAAAAAAAA&guid=ON&script=0".html_safe}

上面的问题是 :cdata 标签产生:

<script type="text/javascript">
    <![CDATA[
        var google_conversion_id = 123456789;
        var google_conversion_language = "en";
        var google_conversion_format = "3";
        var google_conversion_color = "ffffff";
        var google_conversion_label = "AAAAAAAAAAAAAAAAAAA";
        var google_conversion_value = 0;
        var google_remarketing_only = false;

    ]]>
</script>

而不是:

<script type="text/javascript">
   /* <![CDATA[ */
   var google_conversion_id = 123456789;
   var google_conversion_language = "en";
   var google_conversion_format = "2";
   var google_conversion_color = "ffffff";
   var google_conversion_label = "AAAAAAAAAAAAAAAAAAA";
   var google_conversion_value = 0;
   /* ]]> */
</script>

有没有办法显式声明 CDATA 标记？还是 Google 对此并不那么挑剔？

Answer 1

您可以在 haml 中在行首添加\来转义/。我遇到了同样的问题，以下方法帮助我在我们的网站中包含 google adwords 转化跟踪代码:

<script type="text/javascript">
\/* <![CDATA[ */
var google_conversion_id = 123456789;
var google_conversion_language = "en";
var google_conversion_format = "2";
var google_conversion_color = "ffffff";
var google_conversion_label = "AAAAAAAAAAAAAAAAAAA";
var google_conversion_value = 0;
\/* ]]> */
</script>

经过haml处理后变成:

<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 123456789;
var google_conversion_language = "en";
var google_conversion_format = "2";
var google_conversion_color = "ffffff";
var google_conversion_label = "AAAAAAAAAAAAAAAAAAA";
var google_conversion_value = 0;
/* ]]> */
</script>