ஒற்றை-பக்க பயன்பாடுகளுக்கான குக்கீ ஒப்புதல் (React, Vue, Angular)
குக்கீ ஒப்புதலுக்கு SPA கள் ஏன் தந்திரமானவை
ஒற்றை-பக்க பயன்பாடுகள் ஒரு முறை ஏற்றப்பட்டு வழிசெலுத்தலை கிளையன்ட்-பக்கத்தில் கையாளுகின்றன. ஒப்புதல் சோதனைகளை மீண்டும் தூண்ட பக்க மீளேற்றங்கள் இல்லை. index.html இல் ஏற்றப்பட்ட மூன்றாம் தரப்பு ஸ்கிரிப்ட்கள் எந்த ஒப்புதல் UI தோன்றுவதற்கு முன் இயங்குகின்றன.
பொதுவான SPA தவறுகள்
- ஒப்புதலுக்கு முன் index.html இல் Google Analytics ஐ ஏற்றுதல்
- பாதை மாற்றங்களில் ஒப்புதல் நிலையை மீண்டும் சரிபார்க்காதது
- பயன்பாடு மீண்டும் ரெண்டர் ஆகும்போது ஒப்புதல் நிலையை இழப்பது
- ஒப்புதல் வாயில்கள் இல்லாமல் கூறு வாழ்க்கைச் சுழற்சியில் கண்காணிப்பு நிகழ்வுகளை இயக்குதல்
சரியான செயலாக்கம்
- உங்கள் HTML head இல் CMP ஸ்கிரிப்டை மட்டும் ஏற்றவும் — வேறு எதுவும் இல்லை
- ஒப்புதல் வழங்கப்பட்ட பிறகு மட்டுமே மூன்றாம் தரப்பு ஸ்கிரிப்ட்களை நிபந்தனையுடன் ஏற்றவும்
- ஒப்புதல் நிலையை நிரல்முறையில் சரிபார்க்க CMP இன் JavaScript API ஐப் பயன்படுத்தவும்
- உங்கள் கூறுகளில் ஒப்புதல் சோதனைகளுக்குப் பின்னால் பகுப்பாய்வு மற்றும் சந்தைப்படுத்தல் அழைப்புகளை வாயிலிடுங்கள்
கட்டமைப்பு-குறிப்பிட்ட குறிப்புகள்
React
ஒப்புதல் சூழல் வழங்குநரைப் பயன்படுத்தவும். டிராக்கர்களைத் துவக்குவதற்கு முன் useEffect ஹூக்குகளில் ஒப்புதல் நிலையை சரிபார்க்கவும்.
Vue
ஒப்புதல் செருகுநிரலை உருவாக்கவும். வழிசெலுத்தலில் ஒப்புதல் நிலையை சரிபார்க்க ரூட்டர் காவலர்களைப் பயன்படுத்தவும்.
Angular
DI வழியாக ஊசி போடப்பட்ட ஒப்புதல் சேவையைப் பயன்படுத்தவும். பாதை காவலர்கள் மற்றும் கூறு துவக்கத்தில் ஒப்புதலை சரிபார்க்கவும்.
SPA களுடன் FlexyConsent
FlexyConsent இன் ஒற்றை-ஸ்கிரிப்ட் அணுகுமுறை எந்த கட்டமைப்புடனும் வேலை செய்கிறது. இது ஒத்திசைவில்லாமல் ஏற்றப்படுகிறது, குக்கீகள் வழியாக ஒப்புதல் நிலையை நிர்வகிக்கிறது, மேலும் நிரல்முறை ஒப்புதல் சோதனைகளுக்கு JavaScript API ஐ வெளிப்படுத்துகிறது. கட்டமைப்பு-குறிப்பிட்ட SDK தேவையில்லை.