diff --git a/posthog/templates/head.html b/posthog/templates/head.html
index 64b350005308a..ce0d98dbb6489 100644
--- a/posthog/templates/head.html
+++ b/posthog/templates/head.html
@@ -28,7 +28,7 @@
     <script>window.SENTRY_DSN = '{{sentry_dsn}}';</script>
 {% endif %}
 <script id='posthog-app-user-preload'>
-    window.POSTHOG_APP_CONTEXT = {{ posthog_app_context | safe }};
+    window.POSTHOG_APP_CONTEXT = JSON.parse("{{ posthog_app_context | escapejs }}");
     // Inject the expected location of JS bundle, use to allow the location of
     // he bundle to be set at runtime, e.g. for PostHog Cloud we serve the
     // frontent JS from a CDN