blocks|key|559205|text|实际上，您的代码在head和body标记之间插入script。改用下面的代码：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|559206|var+s+=+document.body.firstChild;
s.parentNode.insertBefore(gtm,+s);|code-block|syntax|javascript|559207|entityMap^0|9|4|E|4|O|6|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|L|$]]

Actually your code inserts <code>script</code> between the <code>head</code> and <code>body</code> tags. Use this instead:

<pre><code>var s = document.body.firstChild;
s.parentNode.insertBefore(gtm, s);
</code></pre>

blocks|key|5424769|text|您可以使用Node.insertBefore来执行以下操作：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5424770|var+body+=+document.getElementsByTagName("body")[0];
body.insertBefore(gtm,+body.firstChild);|code-block|syntax|javascript|5424771|即使body标记没有firstChild，也可以这样做。|5424772|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/DOM/Node.insertBefore^0|5|H|5|H|0|0|0|A|A|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

You can use <a href="https://developer.mozilla.org/en-US/docs/DOM/Node.insertBefore" rel="nofollow"><code>Node.insertBefore</code></a> for this:

<pre><code>var body = document.getElementsByTagName("body")[0];
body.insertBefore(gtm, body.firstChild);
</code></pre>

This works even if body tag has no <code>firstChild</code>.

blocks|key|4940266|text|此Q不再与(DEC2021)相关，因为GTM更改了标签管理器的设置和安装：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|4940267|在“新”设置中，你应该：|4940268|4940269|blockquote|4940270|4940271|4940272|将<script>代码片段放在网页超文本标记语言输出的<head>中，最好是尽可能靠近开始<head>标记，但要放在任何dataLayer+declarations.|unordered-list-item|CODE|4940273|**Additionally之下-将<noscript>代码片段放在超文本标记语言输出中紧跟标记之后。|4940274|4940275|https://support.google.com/tagmanager/answer/6103696|4940276|关于<noscript>没有通过任何Javascript代码添加<noscript>的意思(noscript只有在JavaScript关闭时才能在浏览器中使用)。|4940277|entityMap|0|LINK|mutability|MUTABLE|url^0|0|5|0|0|0|0|0|0|1|8|R|6|19|6|0|I|A|0|0|0|1G|0|0|2|A|W|A|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|17|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|18|8|@]|D|@]|E|$]]|$1|I|3|-4|5|J|7|19|8|@]|D|@]|E|$]]|$1|K|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]|$1|M|3|N|5|O|7|1C|8|@$9|1D|A|1E|B|P]|$9|1F|A|1G|B|P]|$9|1H|A|1I|B|P]]|D|@]|E|$]]|$1|Q|3|R|5|O|7|1J|8|@$9|1K|A|1L|B|P]]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]|$1|T|3|U|5|6|7|1N|8|@]|D|@$9|1O|A|1P|1|1Q]]|E|$]]|$1|V|3|W|5|6|7|1R|8|@$9|1S|A|1T|B|P]|$9|1U|A|1V|B|P]]|D|@]|E|$]]|$1|X|3|-4|5|6|7|1W|8|@]|D|@]|E|$]]]|Y|$Z|$5|10|11|12|E|$13|U]]]]

This Q is not relevant anymore (DEC 2021), since GTM change the Setup and install of Tag Manager:
On the &quot;new&quot; setup you should:
<blockquote>
<ul>
<li>Place the <code>&lt;script&gt;</code> code snippet in the <code>&lt;head&gt;</code> of your web page's HTML output, preferably as close to the opening <code>&lt;head&gt;</code> tag as
possible, but below any dataLayer declarations.</li>
<li>**Additionally - Place the <code>&lt;noscript&gt;</code> code snippet immediately after the tag in your HTML output.</li>
</ul>
</blockquote>
<a href="https://support.google.com/tagmanager/answer/6103696" rel="nofollow noreferrer">https://support.google.com/tagmanager/answer/6103696</a>
About <code>&lt;noscript&gt;</code> no meaning to add <code>&lt;noscript&gt;</code> by any Javascript code (noscript works only in browsers when JavaScript is off).

blocks|key|5424737|text|我想你可以试试这个--+appendChild|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5424738|+document.getElementsByTagName("body")[0].appendChild(gtm);|code-block|syntax|javascript|5424739|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I think you can try this out - appendChild

<pre><code> document.getElementsByTagName("body")[0].appendChild(gtm);
</code></pre>

blocks|key|1591302|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1591303|var+script+=+'The+script+content+here';+//+Add+your+JS+as+a+string,
var+url++++=+'path/to/js/file';+++++++++//+Or+link+to+the+file.
var+scriptNode+=+document.createElement('script');+++++++//+Create+a+script+Element
scriptnode.setAttribute('type',+"text/javascript");++++++//+Set+the+Element's+`type`+attribute.
//+Either:
scriptNode.appendChild(document.createTextNode(script));+//+Add+the+text+to+the+script+Element.
//+Or:
scriptNode.setAttribute('src',+url);+++++++++++++++++++++//+Link+to+the+script
//+Place+the+script+Element+before+the+first+child+of+the+body.
document.body.insertBefore(scriptNode+,+document.body.firstChild);|code-block|syntax|javascript|1591304|因此，基本上，使用insertBefore|offset|length|style|CODE|1591305|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/DOM/Node.insertBefore^0|0|0|9|C|9|C|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@$I|X|J|Y|K|L]]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Try this:

<pre><code>var script = 'The script content here'; // Add your JS as a string,
var url = 'path/to/js/file'; // Or link to the file.
var scriptNode = document.createElement('script'); // Create a script Element
scriptnode.setAttribute('type', "text/javascript"); // Set the Element's `type` attribute.
// Either:
scriptNode.appendChild(document.createTextNode(script)); // Add the text to the script Element.
// Or:
scriptNode.setAttribute('src', url); // Link to the script
// Place the script Element before the first child of the body.
document.body.insertBefore(scriptNode , document.body.firstChild);
</code></pre>

So, basically, use <a href="https://developer.mozilla.org/en-US/docs/DOM/Node.insertBefore" rel="nofollow"><code>insertBefore</code></a>

blocks|key|5424828|text|如果您正在使用jQuery，则可以使用.prepend()。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5424829|(function+()+{
++++var+url+=+"path/to/js/file";
++++var+gtm+=+document.createElement('script');
++++gtm.type+=+'text/javascript';
++++gtm.async+=+true;
++++gtm.src+=+('https:'+==+document.location.protocol+?+'https://'+:+'http://')+%2B+url;
++++$('body').prepend(gtm);
})();|code-block|syntax|javascript|5424830|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/prepend/^0|J|A|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

If you are utilizing jQuery, you may be able to use <a href="http://api.jquery.com/prepend/" rel="nofollow">.prepend()</a>.

<pre><code>(function () {
 var url = "path/to/js/file";
 var gtm = document.createElement('script');
 gtm.type = 'text/javascript';
 gtm.async = true;
 gtm.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + url;
 $('body').prepend(gtm);
})();
</code></pre>

blocks|key|4940216|text|你能在你的body标签中有一个元素作为第一个元素，并在它之前追加脚本吗？使用yourFirstElementIdfromBodyTag.before(here+is+your+appended+code+goes)+..|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4940217|例如|4940218|<body>
<your+first+element>+like+<input+type="hidden"+id="hidA"+/>
//rest+code+goes+here
</body>|code-block|syntax|javascript|4940219|现在按照建议使用$('#hidA').before('the+script+code')。我确信它会将脚本追加到<body>之后。|4940220|entityMap^0|12|1X|0|0|0|8|10|1K|6|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|P|$]]

Can you have an element in your body tag as first element, and append the script just before it. Use <code>yourFirstElementIdfromBodyTag.before(here is your appended code goes)</code> ..

For Example

<pre><code>&lt;body&gt;
&lt;your first element&gt; like &lt;input type="hidden" id="hidA" /&gt;
//rest code goes here
&lt;/body&gt;
</code></pre>

Now as suggested use <code>$('#hidA').before('the script code')</code> . I am sure it will append the script just after <code>&lt;body&gt;</code>.

I would like to place a Google tag manager script and according to Google Tag documentation, the script should be placed immediately after the opening tag. 

Since we cannot change the source code, we have to append the script using the following code snippet. 

<pre><code>&lt;script type="text/javascript"&gt;
(function () {
 var url = "path/to/js/file";
 var gtm = document.createElement('script');
 gtm.type = 'text/javascript';
 gtm.async = true;
 gtm.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + url;
 var s = document.getElementsByTagName('body')[0];
 s.parentNode.insertBefore(gtm, s);
})();
&lt;/script&gt;
</code></pre>

It is almost the same as Google analytics script snippet. Now the script is appended right before the body tag. I am not sure if using jQuery method insertAfter is the proper way to do it or if there is a better way!

I appreciate your kind help.

Place a script immediately after the opening <body> tag

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我想放置一个谷歌标签管理器脚本，根据谷歌标签文档，该脚本应放置在开始标签后立即。由于我们不能更改源代码，因此我们必须使用以下代码片段附加脚本。<script type="text/javascript">(function () { var url = "path/to/js/file"; var gtm = document.createElement('script'); g

问将脚本放在紧跟在开始<body>标记之后
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将脚本放在紧跟在开始<body>标记之后EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将脚本放在紧跟在开始<body>标记之后
EN