mryoshio/ga_rails_example.md

## ga_rails_example.md

      
    Raw
  

              ga_rails_example.md
            
          
    Gemfile

gem 'jquery-rails'
app/assets/javascripts/application.js

...
//= require_tree .                                                                                                                                            

//= require jquery3                                                                                                                                           
//= require jquery_ujs 
aplication.html.erb

...
    <script>
      (function(i,s,o,g,r,a,m){
          i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
              (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-XXXXXX-Y', 'auto');
      ga('send', 'pageview');
    </script>
  </head>
  <body>
    <%= yield %>
  </body>
</html>
books/index.html.erb

...
  </tbody>
</table>

<script>
  $("a").each(function(idx,) {
      console.log(idx + ': link, ' + $(this).text());;
      $(this).one("click", function() {
          console.log(idx + ': a link clicked');
          ga('send', {
              hitType: 'event',
              eventCategory: 'alink',
              eventAction: 'clicked',
              eventLabel: $(this).text()
          });
      });
  });
</script>

<%= link_to 'New Book', new_book_path %>