Project

roll-amp

0.0
No commit activity in last 3 years
No release in over 3 years
There's a lot of open issues
roll-amproll-rails/roll-ampHomepageDocumentationSource CodeBug TrackerWiki
Utilities to simplify Accelerated Mobile Pages (AMP) implementation in Rails apps
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Popularity
Downloads
4,239
Stars
2
Forks
0
Watchers
2
 Releases
Current version
0.2.0
Total releases
2
First release
2017-03-23
Latest release
2017-03-25
 Issues
Open Issues
4
Closed Issues
2
Total Issues
6
Issue Closure Rate
33%
 Development
Primary Language
Ruby
Licenses
MIT
Average date of last 50 commits
2017-03-23
Reverse Dependencies
0

 Dependencies

Development

bundler
~> 1.14
codeclimate-test-reporter
~> 1.0.0
rake
~> 10.0
rspec
~> 3.0
rspec-html-matchers
~> 0.9.1
simplecov
>= 0

Runtime

actionview
<= 5.1.0, >= 3.2.0
railties
<= 5.1.0, >= 3.2.0
 Project Readme

AMP in Rails apps

Utilities to simplify Accelerated Mobile Pages (AMP) implementation in Rails apps.

Travis Build Status Appveyor Build Status Test Coverage Code Climate Issue Count

Features

Implemented:

  • Tag to include AMP boilerplate CSS.
  • Tag to include AMP base JS.
  • Tag to include custom CSS.
  • Google Analytics integration.

Todo:

  • AMP validation via Ruby tests.
  • ...

Platforms

Minimum supported MRI version is 2.2.6. JRuby is not supported. The gem should work on Mac, Linux and Windows, however testing is limited as follows:

  • Mac OS X (development machine)
    • 2.4.0
  • Windows (via appveyor)
    • 2.3.3
    • 2.2.6
  • Ubuntu (via travis-ci)
    • 2.4.0
    • 2.3.3
    • 2.2.6
    • Head

Installation

Add this line to your application's Gemfile:

gem 'roll-amp'

And then execute:

$ bundle

Or install it yourself as:

$ gem install roll-amp

Usage

Include main JS

<%= amp_js %>

Includes https://cdn.ampproject.org/v0.js script at a place where the amp_js tag was specified. This tag is required for AMP.

Include boilerplate CSS

<%= amp_boilerplate %>

Includes basic CSS suggested at https://www.ampproject.org/docs/get_started/create/basic_markup

Include custom CSS

  1. Create CSS (SASS, SCSS) file under app/stylesheets of your Rails app. For example app/stylesheets/amp/application.scss.
  2. Add the following line to your AMP layout:
<%= amp_custom_style('amp/application') %>

When amp/application is available in the assets pipeline, its content will be loaded from there. Otherwise such file will be searched in the public directory. Usually it’s sufficient to create CSS file and Rails will handle the rest. Please note, AMP sets 50K limit on CSS size. If you include larger stylesheet your pages won’t be valid.

Google Analytics

  1. Insert the following tag before amp_js:
<%= amp_analytics_js %>
  1. Add analytics configuration to the body:
<%=
  amp_google_analytics(
    'UA-00000-1',
    {
      trackPageview: {
        on: 'visible',
        request: 'pageview'
      }
    }
  )
%>

First parameter is Google Analytics account ID. Second parameter defines triggers. Please see Adding Analytics to your AMP pages to learn about triggers. The example above shows the most common configuration.

Layout example

<!doctype html>
<html ⚡>
  <head>
    <%= amp_analytics_js %>
    <%= amp_js %>
    <%= csrf_meta_tags %>
    <%= amp_boilerplate %>
    <%= amp_custom_style('amp/application') %>
  </head>
  <body>
    <%=
      amp_google_analytics(
        'UA-00000-1',
        {
          trackPageview: {
            on: 'visible',
            request: 'pageview'
          }
        }
      )
    %>
    <%= yield %>
  </body>
</html>

Development

After checking out the repo, run bin/setup to install dependencies. Then, run rake spec to run the tests. You can also run bin/console for an interactive prompt that will allow you to experiment.

To install this gem onto your local machine, run bundle exec rake install. To release a new version, update the version number in version.rb, and then run bundle exec rake release, which will create a git tag for the version, push git commits and tags, and push the .gem file to rubygems.org.

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/roll-rails/roll-amp. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

License

The gem is available as open source under the terms of the MIT License.