Hello, what is the best way for free cookie consent?
My page https://wytwornia-zieleni.pl
I created one using free cookie tool (two examples )
https://www.freeprivacypolicy.com/free-cookie-consent/
It slows down page speed a lot -checked with page speed insights.
What can I do about it?
< script >
window . dataLayer = window . dataLayer || ;
function gtag ( ) {
dataLayer . push ( arguments ) ;
}
gtag ( ’ consent ’ , ’ default ’ , {
’ ad_storage ’ : ’ denied ’ ,
’ ad_user_data ’ : ’ denied ’ ,
’ ad_personalization ’ : ’ denied ’ ,
’ analytics_storage ’ : ’ denied ’
} ) ;
< / script >
< script type = “text/javascript” src = “https://www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js” charset = “UTF-8” > < / script >
< script type = “text/javascript” charset = “UTF-8” >
document . addEventListener ( ‘DOMContentLoaded’ , function ( ) {
cookieconsent . run ( {
" notice_banner_type " : " headline " ,
" consent_type " : " express " ,
" palette " : " light " ,
" language " : " en " ,
" page_load_consent_levels " : [ " strictly-necessary " ] ,
" notice_banner_reject_button_hide " : false ,
" preferences_center_close_button_hide " : false ,
" page_refresh_confirmation_buttons " : false ,
" website_name " : " https://wytwornia-zieleni.pl/ " ,
" website_privacy_policy_url " : " https://wytwornia-zieleni.pl/privacy-policy " ,
" style " : `
. cc-banner {
max-width : 100 % ;
padding : 20 px ;
box-sizing : border-box ;
height : auto ;
font-size : 16 px ;
}
@media ( max-width : 768 px ) {
. cc-banner {
font-size : 14 px ;
padding : 15 px ;
}
}
@media ( max-width : 480 px ) {
. cc-banner {
font-size : 12 px ;
padding : 10 px ;
max-height : 20 vh ; /* Reduced max height to 20 % of the screen height */
overflow-y : auto ;
}
}
/* Additional adjustment for devices with higher pixel density */
@media screen and ( max-width : 430 px ) and ( max-height : 700 px ) {
. cc-banner {
font-size : 11 px ; /* Even smaller text for very small screens */
padding : 8 px ; /* Reduced padding */
max-height : 18 vh ; /* Further reduced max height */
}
}
` ,
" callbacks " : {
" scripts_specific_loaded " : ( level ) => {
switch ( level ) {
case ' targeting ' :
gtag ( ' consent ' , ' update ' , {
' ad_storage ' : ' granted ' ,
' ad_user_data ' : ' granted ' ,
' ad_personalization ' : ' granted ' ,
' analytics_storage ' : ' granted '
} ) ;
break ;
case ' tracking ' :
gtag ( ' consent ' , ' update ' , {
' analytics_storage ' : ' granted '
} ) ;
break ;
}
}
} ,
" callbacks_force " : true
} ) ;
} ) ;
< / script >
< script type = “text/plain” data-cookie-consent = “targeting” async src = “https://www.googletagmanager.com/gtag/js?id=GTM-xxxxx” > < / script >
< script type = “text/plain” data-cookie-consent = “targeting” >
window . dataLayer = window . dataLayer || ;
function gtag ( ) { dataLayer . push ( arguments ) ; }
gtag ( ’ js ’ , new Date ( ) ) ;
gtag ( ’ config ’ , ’ GTM-xxxxx ’ ) ;
< / script >
< script type = “text/plain” data-cookie-consent = “tracking” async src = “https://www.googletagmanager.com/gtag/js?id=G-xxxxx” > < / script >
< script type = “text/plain” data-cookie-consent = “tracking” >
window . dataLayer = window . dataLayer || ;
function gtag ( ) { dataLayer . push ( arguments ) ; }
gtag ( ’ js ’ , new Date ( ) ) ;
gtag ( ’ config ’ , ’ G-xxxxx ’ ) ;
< / script >
< noscript > Free cookie consent management tool by < a href = “https://www.termsfeed.com/” > TermsFeed < / a > < / noscript >
< a href = “#” id = “open_preferences_center” style = “display:inline-block; width:50px; height:50px; position:fixed; bottom:10px; right:10px; z-index:1000;” >
Cookie Preferences
< / a >
< meta name = “twitter:card” content = “summary_large_image” />