Created
September 2, 2012 15:16
-
-
Save jthoenes/3600363 to your computer and use it in GitHub Desktop.
Code for Testing Google Analytics Custom Events with Capybara and Poltergeist: http://blog.jthoenes.net/2012/09/02/testing-google-analytics-custom-events-with-capybara-and-poltergeist/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| require "capybara" | |
| require "capybara/cucumber" | |
| require 'capybara/poltergeist' | |
| require "json" | |
| Capybara.app_host= 'localhost:4567' | |
| Capybara.default_selector= :css | |
| Capybara.default_driver = :poltergeist | |
| include Capybara::DSL |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| group :test do | |
| gem 'cucumber' | |
| gem 'capybara' | |
| gem 'poltergeist' | |
| gem 'rspec' | |
| end |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Feature: Google Analytics Tracking | |
| Scenario: Reading land line contract | |
| Given I am on the "/contracts/land-line" page | |
| And I scroll to the bottom | |
| Then GA should get an event {"Contract", "scrollToEnd", "landLine"} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Given /^I am on the "([^"]*)" page$/ do |path| | |
| visit "http://localhost:4567/#{path}?google-analytics-debug" | |
| end | |
| When /^I scroll to the bottom$/ do | |
| page.execute_script "window.scrollBy(0,100000)" | |
| end | |
| Then /^GA should get an event {"([^"]*)", "([^"]*)", "([^"]*)"}$/ do |category, action, value| | |
| ga_pushes.should include(["_trackEvent", category, action, value]) | |
| end |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Analytics</title> | |
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> | |
| <script type="text/javascript"> | |
| // -- Code 1 | |
| var Example = Example || {}; | |
| Example.Analytics = Example.Analytics || {}; | |
| var _gaq = _gaq || []; | |
| Example.Analytics.is_debug = window.location.href.match(/[\?&]google-analytics-debug([&#]|$)/); | |
| $(function () { | |
| if (Example.Analytics.is_debug) { | |
| $("#google-analytics-debug").show(); | |
| } | |
| }); | |
| Example.Analytics.push = function () { | |
| _gaq.push.apply(_gaq, arguments); | |
| if (Example.Analytics.is_debug) { | |
| var args = arguments[0]; | |
| $(function () { | |
| var li = $("<li/>").text(JSON.stringify(args)); | |
| $("#google-analytics-debug ol").append(li); | |
| }); | |
| } | |
| } | |
| Example.Analytics.push(['_setAccount', 'UA-INVALID']); | |
| Example.Analytics.push(['_setDomainName', document.domain]); | |
| Example.Analytics.push(['_setAllowLinker', true]); | |
| (function () { | |
| var ga = document.createElement('script'); | |
| ga.type = 'text/javascript'; | |
| ga.async = true; | |
| ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | |
| var s = document.getElementsByTagName('script')[0]; | |
| s.parentNode.insertBefore(ga, s); | |
| })(); | |
| </script> | |
| <script type="text/javascript"> | |
| $(function () { | |
| $(window).scroll(function () { | |
| if ($(window).scrollTop() == $(document).height() - $(window).height()) { | |
| Example.Analytics.push(['_trackEvent', 'Contract', 'scrollToEnd', 'landLine']); | |
| } | |
| }); | |
| }) | |
| </script> | |
| <style type="text/css"> | |
| body { | |
| background-color: #F2F2F2; | |
| } | |
| #google-analytics-debug { | |
| /* we hide the debug div by default */ | |
| font-family: NTA, 'Helvetica Neue', Arial, Helvetica, sans-serif; | |
| font-size: small; | |
| font-weight: bold; | |
| display: none; | |
| position: fixed; | |
| top: 45px; | |
| right: 10px; | |
| padding: 10px; | |
| min-width: 300px; | |
| background: #ddd; | |
| -moz-border-radius: 15px; | |
| border-radius: 15px; | |
| color: #666; | |
| border: solid 2px #666; | |
| } | |
| #google-analytics-debug ol { | |
| padding-left: 10px; | |
| margin: 5px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="google-analytics-debug"> | |
| <ol></ol> | |
| </div> | |
| <%= erb :land_line_contract %> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Looks like you're missing this support file, which is mentioned in the blog post: