Javascript CDATA Abschnitt

Question

Vor kurzem habe ich ein Modul zum Hinzufügen von Google Remarketing-Tag zu einem Webstore erstellt. Ich habe google_tag_params für verschiedene Arten von Seiten (Produkt, Kategorie, Warenkorb usw.) entsprechend der Dokumentation vorbereitet. Alles lief gut, bis der Kunde die Seite mit dem Add-on Google Tag Assistant in Chrome überprüfte. Es wird eine Warnung für den CDATA-Abschnitt angezeigt. Zuerst habe ich nicht verstanden, worüber er spricht, da die Parameter in Ordnung waren und ich keine Fehler in der Konsole erhielt. Also habe ich den Google Tag Assistant überprüft und zu meiner Überraschung verhält es sich wie folgt.

Für Code:

<script type="text/javascript"> 
//<![CDATA[ 
var google_conversion_id = <?php echo $this->getConversionId();?>; 
var google_conversion_label = '<?php echo $this->getConversionLabel();?>'; 
var google_custom_params = window.google_tag_params; 
var google_remarketing_only = <?php echo $this->getRemarketingOnlyFlag();?>; 
//]]> 
</script> 

Es zeigt Warnung "Missing CDATA Kommentare" und verweist auf die Dokumentation https://support.google.com/tagassistant/answer/2978937?ref_topic=2947092#cdata_comments

Aber ändert dies

<script type="text/javascript"> 
/*<![CDATA[*/ 
var google_conversion_id = <?php echo $this->getConversionId();?>; 
var google_conversion_label = '<?php echo $this->getConversionLabel();?>'; 
var google_custom_params = window.google_tag_params; 
var google_remarketing_only = <?php echo $this->getRemarketingOnlyFlag();?>; 
/*]]> */ 
</script> 

Macht die Warnung verschwinden.

Also meine Frage ist das. Gibt es einen Unterschied zwischen einem Online-Kommentar und einem mehrzeiligen Kommentar in einem Browser? Ist das nur ein seltsames Verhalten des Google Tag-Assistenten, das diese Kommentare nicht erkennt?

Answer 1

Nein, gibt es keinen Unterschied. Google Tag Assistant erkennt die mit Zeilenumbrüchen abgebrochenen Kommentare einfach nicht.

Answer 2

Einige html minifiers kann ein Problem während minification haben.

Zum Beispiel

<script type="text/javascript"> 
//<![CDATA[ 
    alert("Hello World"); 
//]]> 
</script> 

werden

<script type="text/javascript">//<![CDATA[alert("Hello World");//]]></script> 

So /*<![CDATA[*/ nur ein wenig mehr sicher ist.