Question

有没有办法使用Plates更改模板中包含的Google Analytics代码？

例如，对于以下模板：

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <script id="googleAnalytics">
        var _gaq=[['_setAccount','GA_ACCOUNT_CODE'],['_trackPageview']];
        (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
        g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>

我想使用不同的GA_ACCOUNT_CODE，具体取决于代码运行的环境。

这是否可以使用平板？如果没有，在NodeJS＆amp;中解决这个问题的常用方法是什么？熨斗？

Answer 1

板块的想法很棒但远非完整。这是一个解决方案。

app.js

var fs = require（'fs'）; var plates = require（'plates'）; var flatiron = require（'flatiron'）; var app = flatiron.app;

app.use(flatiron.plugins.http);

app.router.get('/', function(){
    var html = fs.readFileSync('index.html', 'utf-8');
    var map  = plates.Map();
    var data = {"GA_ACCOUNT_CODE": "YOUR_CODE_FROM_CONFIG"}

    map.where('data-ga').is('GA_ACCOUNT_CODE').insert('GA_ACCOUNT_CODE');
    html = plates.bind(html, data, map);
    this.res.html(html);
});

app.start(3000);

的index.html

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <script id="googleAnalytics" data-ga="GA_ACCOUNT_CODE">
            var GA_ACCOUNT_CODE = document.getElementById('googleAnalytics').getAttribute('data-ga');

            var _gaq=[['_setAccount',GA_ACCOUNT_CODE],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>

另一种方式就是像这样的string.replace（）：

var html = fs.readFileSync('index.html', 'utf-8');
html     = html.replace('GA_ACCOUNT_CODE', 'YOUR_CODE_FROM_CONFIG');

this.res.html(html);

请查看cheerio以获得支持。它就像任何其他css选择器和dom操作前端库，只是后端。

使用“平板”更改Google Analytics代码

1 个答案:

app.js

的index.html