Google 태그 관리자를 위한 동적 HTML메타 처리

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>

https://www.jcchouinard.com/seo-with-google-tag-manager/