lucasrcsantana/story-generator
1
0
Fork 0
mirror of https://github.com/lucasrcsantana/story-generator.git synced 2025-12-17 05:47:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Ajustando Rudderstack

Browse Source
This commit is contained in:
Lucas Santana 2025-01-11 15:18:03 -03:00
parent 953b7a78d0
commit d2567ac478
2 changed files with 51 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
netlify.toml
View File

@ -26,15 +26,15 @@
Cross-Origin-Resource-Policy = "cross-origin" Cross-Origin-Resource-Policy = "cross-origin"
Content-Security-Policy = """ Content-Security-Policy = """
default-src 'self'; default-src 'self';
script-src 'self' 'unsafe-inline' 'unsafe-eval' https://cdn.rudderlabs.com https://www.googletagmanager.com https://*.sentry.io; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://*.rudderlabs.com https://*.cloudfront.net https://www.googletagmanager.com https://*.sentry.io;
connect-src 'self' https://*.rudderlabs.com https://*.ingest.sentry.io https://*.supabase.co https://www.google-analytics.com; connect-src 'self' https://*.rudderlabs.com https://*.ingest.sentry.io https://*.supabase.co https://www.google-analytics.com https://*.dataplane.rudderstack.com;
style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com;
img-src 'self' data: https: blob:; img-src 'self' data: https: blob:;
font-src 'self' data: https://fonts.gstatic.com; font-src 'self' data: https://fonts.gstatic.com;
frame-src 'self' https://www.googletagmanager.com; frame-src 'self' https://www.googletagmanager.com;
worker-src 'self' blob:; worker-src 'self' blob:;
""" """
Access-Control-Allow-Origin = "https://historiasmagicas.netlify.app" Access-Control-Allow-Origin = "*"
Access-Control-Allow-Methods = "GET, POST, PUT, DELETE, OPTIONS" Access-Control-Allow-Methods = "GET, POST, PUT, DELETE, OPTIONS"
Access-Control-Allow-Headers = """ Access-Control-Allow-Headers = """
Authorization, Authorization,

74
src/components/analytics/RudderstackAnalytics.tsx
View File

@ -17,45 +17,65 @@ export function RudderstackAnalytics({ writeKey, dataPlaneUrl }: RudderstackAnal
return; return;
} }
const loadRudderstack = () => { // Inicializa o objeto rudderanalytics
const script = document.createElement('script'); window.rudderanalytics = window.rudderanalytics || [];
script.src = 'https://cdn.rudderlabs.com/v1.1/rudder-analytics.min.js';
script.async = true;
script.crossOrigin = 'anonymous';
script.referrerPolicy = 'no-referrer-when-downgrade';
script.onload = () => { // Define os métodos básicos
window.rudderanalytics = window.rudderanalytics || []; const methods = ['load', 'page', 'track', 'identify', 'alias', 'group', 'ready', 'reset'];
methods.forEach((method) => {
// Configuração inicial window.rudderanalytics[method] = function() {
window.rudderanalytics.load(writeKey, dataPlaneUrl, { window.rudderanalytics.push([method].concat(Array.prototype.slice.call(arguments)));
configUrl: 'https://api.rudderlabs.com',
logLevel: 'DEBUG',
secureCookie: true,
crossDomainCookie: true,
sameSiteCookie: 'Lax',
loadIntegration: true,
lockIntegrationsVersion: false
});
// Registra a visualização da página
window.rudderanalytics.page();
}; };
});
script.onerror = (error) => { // Carrega o script do Rudderstack
console.error('Erro ao carregar Rudderstack:', error); const loadScript = () => {
}; return new Promise<void>((resolve, reject) => {
const script = document.createElement('script');
script.src = 'https://cdn.rudderlabs.com/v1.1/rudder-analytics.min.js';
script.async = true;
script.crossOrigin = 'anonymous';
document.head.appendChild(script); script.onload = () => {
window.rudderanalytics.load(writeKey, dataPlaneUrl, {
configUrl: 'https://api.rudderlabs.com',
destSDKBaseURL: 'https://cdn.rudderlabs.com/v1.1',
logLevel: 'ERROR',
secureCookie: true,
integrations: { All: true },
loadIntegration: true,
sendAdblockPage: true,
sendAdblockPageOptions: {
integrations: { All: true }
}
});
resolve();
};
script.onerror = (error) => {
console.error('Erro ao carregar Rudderstack:', error);
reject(error);
};
document.head.appendChild(script);
});
}; };
loadRudderstack(); // Carrega o script e inicializa
loadScript()
.then(() => {
window.rudderanalytics.page();
})
.catch((error) => {
console.error('Falha ao inicializar Rudderstack:', error);
});
return () => { return () => {
const script = document.querySelector('script[src*="rudder-analytics.min.js"]'); const script = document.querySelector('script[src*="rudder-analytics.min.js"]');
if (script && script.parentNode) { if (script && script.parentNode) {
script.parentNode.removeChild(script); script.parentNode.removeChild(script);
} }
delete window.rudderanalytics;
}; };
}, [writeKey, dataPlaneUrl]); }, [writeKey, dataPlaneUrl]);