Issue collector button not appearing on agile boards

[debraj.neogi@tesco.com]

We have created an issue collector in our JIRA instance following below link:

https://jira.softwareplant.com/browse/ONE-947

Basically we have added a small script in our announcement banner. 

<!--Issue Collector STUDIO-1517-->
<script type="text/javascript">
// Requires jQuery!if (AJS.Meta.get("remote-user") != "") 
jQuery.ajax({
url: "https://webgate.ec.europa.eu/CITnet/jira/s/97393e0ad1f883aa8b6050a447b3811b-T/-13j8ix/72011/6a6b60097f43f4fee2281acb1f4a82a7/2.0.23/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector-embededjs/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector-embededjs.js?locale=en-UK&collectorId=551fdebc",type: "get",
cache: true,
dataType: "script"
});
</script>


<style type="text/css">
element {
}
.atlwdg-trigger.atlwdg-SUBTLE {
right: 18px;
bottom: 0px;
border-width: 1px;
border-style: solid;
border-color: #CCC -moz-use-text-color -moz-use-text-color #CCC;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
background-color: #205081;
font-size: 11px;
color: #FFF !important;
padding: 6px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
border-radius: 2px;

}
</style>
<!--Issue end-->

<!--Watermark-->
<div id="watermark">ACCEPTANCE ENVIRONMENT</br> NOT FOR PRODUCTION PURPOSES</div>
<style type="text/css">
#watermark
{
position:fixed;
bottom:55px;
right:35px;
opacity:0.5;
z-index:99;
color:orange;
font-size:large;
text-shadow: 2px 1px black;
}
</style>
<!--Watermark End-->

The form appears alright on the JIRA screens, but not on agile boards. Not sure what possibly can fix this.

Any ideas would be greatly appreciated.