18

1から始めるAMP対応

Embed Size (px)

Citation preview

Page 1: 1から始めるAMP対応
Page 2: 1から始めるAMP対応
Page 3: 1から始めるAMP対応
Page 4: 1から始めるAMP対応
Page 5: 1から始めるAMP対応
Page 6: 1から始めるAMP対応
Page 8: 1から始めるAMP対応

<style amp-custom> body { color: #333; … } </style>

Page 9: 1から始めるAMP対応

<style amp-custom> <?php include “css/amp.css"; ?> </style>

! !

Page 10: 1から始めるAMP対応

var replace = require('gulp-replace');gulp.task('sass', function () { … .pipe(replace('!important','')) .pipe(replace('@charset \"UTF-8\";\n',''))

@charset “UTF-8"style.scss

Page 11: 1から始めるAMP対応
Page 12: 1から始めるAMP対応

<script async custom-element=“amp-analytics” src=“https://cdn.ampproject.org/v0/amp-analytics-0.1.js”></script> … <amp-analytics type=“googleanalytics” id=“analytics1”><script type=“application/json"> { “vars": { "account": “xxxxxxxxx(トラッキングID)"

}, “triggers": { “trackPageview": { “on": “visible", “request": “pageview" } } }

Page 13: 1から始めるAMP対応
Page 14: 1から始めるAMP対応
Page 16: 1から始めるAMP対応
Page 17: 1から始めるAMP対応