How to include script directly in sightly html component

[ankurk67503819]

Hi Team,

How can we include a script directly in sightly component

Trying to include a script for datalayer directly in a component.

Regards

Ankur

[Feike_Visser1]

<sly data-sly-include="yourscript.html" />

This is how you include scripts.

[kautuk_sahni]

Hi

Adding to what Feike said,

Please have a look at this community article covering many example for HTL (formerly know as Sightly).

Link:-http://blogs.adobe.com/experiencedelivers/experience-management/htl-intro-part-1/

~kautuk

[smacdonald2008 · Accepted solution]

See this article...http://scottsdigitalcommunity.blogspot.ca/2016/06/creating-aem-sightly-component-that.html?m=0

[ankurk67503819]

Feike Visser wrote...

<sly data-sly-include="yourscript.html" />

This is how you include scripts.

So can we include following script directly in "yourscript.html " directly and use as u specified above-

 <script>  
 
    var digitalData = $('#digitalData').val();
    var date = new Date();
    var clientHourOfDay = date.getHours();
    var pageVisitJson = JSON.parse('${datalayer.pageVisitAsString}');
    var systemHourOfDay = pageVisitJson['hourOfDay'];
    var diffHourOfDay = clientHourOfDay - systemHourOfDay;
    var days = ['Sunday','Monday','Tu','W','Th','Fry','Satuay'];
    var isWeekend = "false";
    if (diffHourOfDay >= -2 && diffHourOfDay <= 2) {
        digitalData.visit.hourOfDay = clientHourOfDay;
        digitalData.visit.dayOfWeek = days[date.getDay()];
        if(date.getDay()===6 || date.getDay()===0){isWeekend="true";}
        digitalData.visit.isWeekend = isWeekend;
    }    

  </script>

[sboyleuf]

Yes. Although you will probably need to include the "@context=" where appropriate since you are populating a JS string. You will need to chose the appropriate context scriptstring, unsafe, etc.. that matches what you populating.