How do I add an Ackee script html code the pages?

[clemenko]

I am trying to add an Ackee script html code to the footer/header. Is it possible? Where should I do that? I am deploying with docker compose.

[ildyria]

what is an Ackee script?

Header is not going to be possible.
Footer, there are some configurations options with the config of value additional_footer_text in your settings.

However for something that complex, I strongly recommend that you have a look at the custom.js which you can edit in the settings or directly on your IDE. You will find it in /app/public/dist/custom.js (if my memory is not failing me).

The custom.js should allow you to modify Lychee as you see fit by running any javascript to hook onto Lychee.

[clemenko]

Here is what should work

var script = document.createElement("script");                                                                                                                                    
  script.async = true;                                                                                                                                                              
  script.src = "https://ackee.andyc.info/tracker.js";                                                                                                                               
  script.dataset.ackeeServer = "https://ackee.andyc.info";                                                                                                                          
  script.dataset.ackeeDomainId = "456b87b3-65d7-4bf1-af56-4938170b342b";                                                                                                            
  script.onload = function() {                                                                                                                                                      
      ackee.create(script.dataset.ackeeServer, { domainId: script.dataset.ackeeDomainId });                                                                                         
  };                                                                                                                                                                                
  document.head.appendChild(script);

But it doesn't seem to work. This may also be an issue with https://github.com/electerious/Ackee

[ildyria]

But it doesn't seem to work.

Open the console (F12, console tab), and check the error you are getting.
Also check the network tab (F12, network tab) to see if the script is not blocked by the CSP, if that is the case, you may need to add the url of the script to SECURITY_HEADER_SCRIPT_SRC_ALLOW in your .env

[clemenko]

It was. I added the URL and now I am seeing :

tracker.js:1 Connecting to 'https://ackee.andyc.info/api' violates the following Content Security Policy directive: "connect-src 'self' https://lycheeorg.dev/update.json https://www.sandbox.paypal.com https://www.paypal.com". The action has been blocked.

[ildyria]

https://github.com/LycheeOrg/Lychee/blob/master/config/secure-headers.php#L553

[clemenko]

Got it working. It was all the CSP settings for the ingress controller.
thanks for the help.