여기 있는 설명을 따르고 있었는데, 다른 사용자도 여기서 보고한 바 있습니다: Why Cookie Consent Doesn't Show Up?
스크립트 빌더가 템플릿 편집기에 추가할 두 가지 요소를 제공했습니다.
하나는 head에, 다른 하나는 body에 추가하는 것이었습니다.
하지만 편집기를 보니 실제로 이렇게 표시됩니다:
그리고 body의 경우 이렇게 표시됩니다:
따라서 "body"에 추가할 부분은 “Footer” 섹션에 쉽게 추가할 수 있습니다. 어차피 body 안에 들어가므로 큰 차이는 없다고 생각합니다.
하지만 head의 경우 어디에 넣어야 할지 모르겠습니다.
추가할 코드 예시를 드릴게요:
HEAD에 추가할 코드
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
BODY에 추가할 코드(가능하면 맨 끝에)
<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
<script>
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#343c66",
"text": "#cfcfe8"
},
"button": {
"background": "#f71559"
}
},
"theme": "classic",
"content": {
"message": "we use cookies for essential operations",
"dismiss": "OK",
"link": "(details)",
"href": "yadayada.com/privacy"
}
});
</script>
그런데 BODY 섹션에 추가해야 하는 부분(이 스크린샷에서는 Footer를 사용했지만 Body도 시도해 보았습니다)을 추가하면 저장 시 단순히 "403 error"라고만 표시되는 팝업이 뜹니다.
content security policy script src 설정 문제인 것 같아 해당 도메인과 .js 파일의 특정 URL을 모두 추가했지만(이 설명을 따랐습니다) 여전히 같은 오류가 발생합니다.
불행히도 일반적인 403 메시지는 여기에서 무엇이 잘못되었는지 이해하는 데 도움이 되지 않습니다.#
여기서 어떻게 해야 할지 아이디어가 있을까요?