每个页面的自定义 HTML - AWS S3/CloudFront

Question

我在 AWS S3/CloudFront 上有一个静态站点。在我网站上的每个 html 页面上，我想添加一个谷歌标签管理器代码：

/头 <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXXXXX');</script>

/正文 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

有没有办法使用 AWS 来做到这一点，而不是单独编辑每个页面？

Answer 1

如果您想动态地执行此操作，对于每个请求，您可能可以使用lambda@edge 或cloudfront functions。但我认为最好的方法是在 S3 中实际修改源文件。