Inject Google Tag Manager (GTM) script into HTML and tags with Gulp.
$ npm install gulp-google-tag-manager --save-devMake sure to enter the correct gtmId and your homepage should be as follows
const gulp = require('gulp')
const gtm = require('gulp-google-tag-manager')
// Usage:
gulp.task('gtm', function(){
gulp.src('./index.html')
.pipe(gtm({
gtmId: 'GTM-1234'
}))
.pipe(gulp.dest('./'));
});<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- headHolder:gtm -->
</head>
<body>
<!-- bodyHolder:gtm -->
</body>
</html>Optionally, you can use the following parameters
const gulp = require('gulp')
const gtm = require('gulp-google-tag-manager')
// Usage:
gulp.task('gtm', function(){
gulp.src('./index.html')
.pipe(gtm({
gtmId: 'GTM-1234',
layerName: 'PartnerLayer',
placeHolder: 'gtm-partner'
}))
.pipe(gulp.dest('./'));
});Tag manager scripts directly from Google Tag Manager's site.