DevOps
Google 태그 관리자를 위한 동적 HTML메타 처리
IT오이시이
2022. 5. 18. 07:24
728x90
Google 태그 관리자를 위한 동적 HTML 메타처리
성을 제공하는 환상적인 도구입니다.
Google 태그 관리자를 사용하여 HTML의 메타 제목, 이벤트 등 변경을 수행할 수 있습니다. 더 나아가 SEO 테스트를 위한 사이트에 동적 메타 태그를 구현할 수 있습니다 .
제목 수정
|
<script>
document.title = "Your Meta Title";
</script>
|
메타 설명 수정
|
<script>
var metaRobots = document.querySelector('meta[name="description"]');
if (!metaRobots) {
metaRobots = document.createElement('meta');
metaRobots.setAttribute('content', 'Your meta description');
document.head.appendChild(metaRobots);
}
metaRobots.setAttribute('content', 'Your meta description');
</script>
|
헤더에 스크립트 추가
|
<script>
(function() {
var s = document.createElement('script');
s.innerHTML = "function(){//create your own function here};";
document.head.appendChild(s);
})();
</script>
|
헤더에 스타일 태그 추가
|
<script>
(function() {
var j = document.createElement('style');
j.innerHTML = ".yourclass {color:blue !important}";
document.head.appendChild(j);
})();
</script>
|
테스트를 위한 웹사이트에 rel=canonical을 삽입하는 방법
querySelector를 이용한 표준 태그를 수정을 할 수 있음
<script>
document.querySelector("link[rel='canonical']").setAttribute("href", {{Page URL Canonical}});
</script>
728x90
반응형