"No CSRF Cookie found" error with tracking code

yaroslav_asu — Wed, 15 May 2024 17:39:33 GMT

Hello, I'm trying to add a chat to my Vue.js and Nuxt.js sites. When I add the tracking code to my sites with the enabled chatflow, the chat appears on the sites and works well. But when I open it, I get these errors in the console:

I tried to integrate this code into a common HTML document and run it locally, but got the same errors. So it seems that this is a problem with the integration script.

Here it is:

<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/xxxxxxxxx.js"></script>
<!-- End of HubSpot Embed Code -->

Also, I tried to enable the HubSpot cookies banner with the hope that it would help, but it didn't.

There are cookies saved by HubSpot, if it helps to find out the problem:

I wonder how these errors affect the user experience and if I can avoid them.

Thanks in advance to everyone for your help.

Re: "No CSRF Cookie found" error with tracking code

HMir — Mon, 10 Jun 2024 14:35:04 GMT

@yaroslav_asu wrote:
Hello, I'm trying to add a chat to my Vue.js and Nuxt.js sites. When I add the tracking code to my sites with the enabled chatflow, the chat appears on the sites and works well. But when I open it, I get these errors in the console:
I tried to integrate this code into a common HTML document and run it locally, but got the same errors. So it seems that this is a problem with the integration script.
Here it is:

<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/xxxxxxxxx.js"></script>

Also, I tried to enable the HubSpot cookies banner with the hope that it would help, but it didn't.

There are cookies saved by HubSpot, if it helps to find out the problem:

I wonder how these errors affect the user experience and if I can avoid them.

Thanks in advance to everyone for your help.

I think that your server-side configuration for CSRF protection is not set up correctly. You should Verify that your Vue.js and Nuxt.js applications are correctly handling CSRF tokens and that the necessary CSRF cookies are being set and read accurately. Double-check the integration of your chat tracking code with your Vue.js and Nuxt.js components to ensure it's implemented correctly.

topic Re: "No CSRF Cookie found" error with tracking code in APIs & Integrations

"No CSRF Cookie found" error with tracking code

Re: "No CSRF Cookie found" error with tracking code