Append script tag to the head after page load issue

Question

I'm trying to append Google AdSense script to the head tag after page gets fully loaded. In brief here's the code that triggers the error

var tag = document.createElement("script");
tag.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
tag.data-ad-client="ca-pub-xxxxxxx"; //error gets triggered here
tag.defer="defer";
document.getElementsByTagName("head")[0].appendChild(tag);

In the console I get

Uncaught SyntaxError: Invalid left-hand side in assignment

and refers to this line

tag.data-ad-client="ca-pub-xxxxxxx";

How to fix this and if I could make it work this way, will ads appear normally?

score 0 · Answer 1 · edited Apr 10 '21 at 18:44

0

try writing it in this way

tag['data-ad-client'] = "ca-pub-xxxxxxx";

edited Apr 10 '21 at 18:44

Dharman

30,962
25
85
135

answered Apr 10 '21 at 18:38

Phani

92
7

not added here's the end result ```````` – PHP User Apr 10 '21 at 18:44

score 0 · Answer 2 · answered Apr 10 '21 at 18:43

Try using the bracket notation instead.. Square bracket notation allows the use of characters that can't be used with dot notation which is the case here since data-ad-client includes the character '-'

var tag = document.createElement("script");
tag.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
tag['data-ad-client']="ca-pub-xxxxxxx"; //error gets triggered here
tag.defer="defer";
document.getElementsByTagName("head")[0].appendChild(tag);

not added here's the end result ```````` – PHP User Apr 10 '21 at 18:45 — PHP User, Apr 10 '21 at 18:45

score 0 · Answer 3 · answered Apr 11 '21 at 07:06

0

Use tag.setAttribute('data-ad-client') = 'ca-pub-xxxxxx';.

Or alternatively dataset: tag.dataset.adClient = 'ca-pub-xxxx';.

answered Apr 11 '21 at 07:06

Mikita Belahlazau

15,326
2
38
43

score 0 · Answer 4 · answered Jul 26 '21 at 08:23

Here you go, but my advice is to use Async instead of defer

    <script>
    var tag = document.createElement("script");
    tag.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
    tag.setAttribute('data-ad-client', 'ca-pub-xxxxxxx');
    tag.defer=true;
    document.getElementsByTagName("head")[0].appendChild(tag);
    </script>

The new adcode has changed a bit

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"</script>

You could try this answer New Adsense Code

Append script tag to the head after page load issue

4 Answers4