JSON-LD GTM Tag

json-ld-gtm.html

<script>
  (function(){
    var data = {
        "@context": "http://schema.org",
        "@type": "BlogPosting",
        "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": {{Page URL}}
        },
        "headline": {{SCHEMA - Article Headline}},
        "image": {
          "@type": "ImageObject",
          "url": {{SCHEMA - Article Image}},
          "height": 413,
          "width": 1159
        },
        "datePublished": {{SCHEMA - Article datePublished}},
        "author": {
            "@type": "Person",
            "name": {{SCHEMA - Author Name}}
        },
        "publisher": {
            "@type": "Organization",
            "name": "SERPs.com",
            "logo" : {
                "@type": "ImageObject",
                "url": "https://serps.com/app/uploads/2016/05/serps-logo-60.png",
                "height": 60,
                "width": 300
             }
        },
        "description": {{SCHEMA - Article Description}}
    }
   
    var dateModified = {{SCHEMA - Article dateModified}};
    
    if(dateModified){
      data.dateModified = dateModified;
    } else {
      data.dateModified = {{SCHEMA - Article datePublished}};
    }
  
    var script = document.createElement('script');
    script.type = "application/ld+json";
    script.innerHTML = JSON.stringify(data);
    document.getElementsByTagName('head')[0].appendChild(script); 
  })(document);
</script>

really useful, thank you very much for sharing this script and idea

Thanks man! This is perfect for a junior SEO analyst like me!

Thank man! Great code <3

Perfect!

+1 👍