yogesh-desai · August 29, 2015 14:24 · Mar 21, 2014 · Jul 12, 2013 · Jul 12, 2013 · Jul 12, 2013
diff --git a/visitor_count.rb b/visitor_count.rb
@@ -44,5 +44,6 @@
   })
 
   # Update the dashboard
-  send_event('visitor_count',   { current: visitCount.data.rows[0][0] })
+  # Note the trailing to_i - See: https://github.com/Shopify/dashing/issues/33
+  send_event('visitor_count',   { current: visitCount.data.rows[0][0].to_i })
 end
diff --git a/README.md b/README.md
@@ -70,3 +70,6 @@ _Note: you will need to be an administrator of the Google Analytics profile_
         <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div> 
     </li>
 ```
+
+## Notes
+If you want to modify this plugin to pull other data from Google Analytics, be sure to check out the [Google Analytics Query Explorer](http://ga-dev-tools.appspot.com/explorer/).  
diff --git a/README.md b/README.md
@@ -54,7 +54,7 @@ _Note: you will need to be an administrator of the Google Analytics profile_
 
 #### 4. Start coding (finally) ####
 1.  Copy the `visitor_count.rb` file in to your dashing `jobs\` folder.
-2.  Upddate the `service_account_email`, `key_file`, `key_secret` and `profileID` variables
+2.  Update the `service_account_email`, `key_file`, `key_secret` and `profileID` variables
 ```ruby
 
     service_account_email = '[YOUR SERVICE ACCOUTN EMAIL]' # Email of service account

diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@ Description
 ===========
 A [Dashing](https://github.com/Shopify/dashing) widget for displaying the number of visitors to your website over a specified timeframe, as reported by [Google Analytics](http://www.google.com/analytics)
 
-![screen shot](https://www.evernote.com/shard/s44/sh/4ec80b9f-1e0c-4140-beec-62963d05df23/61b68111799f7d2fe657a33405f05da9)
+![screen shot](https://www.evernote.com/shard/s44/sh/4ec80b9f-1e0c-4140-beec-62963d05df23/61b68111799f7d2fe657a33405f05da9/deep/0/visitors-this-month.png)
 
 Dependencies
 ============

diff --git a/README.md b/README.md
@@ -2,6 +2,8 @@ Description
 ===========
 A [Dashing](https://github.com/Shopify/dashing) widget for displaying the number of visitors to your website over a specified timeframe, as reported by [Google Analytics](http://www.google.com/analytics)
 
+![screen shot](https://www.evernote.com/shard/s44/sh/4ec80b9f-1e0c-4140-beec-62963d05df23/61b68111799f7d2fe657a33405f05da9)
+
 Dependencies
 ============
 [google-api-ruby-client](https://github.com/google/google-api-ruby-client)

diff --git a/visitor_count.erb b/visitor_count.erb
@@ -0,0 +1,3 @@
+<li data-row="1" data-col="1" data-sizex="1" data-sizey="1"> 
+  <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div> 
+</li>
diff --git a/visitor_count.rb b/visitor_count.rb
@@ -2,7 +2,7 @@
 require 'date'
 
 # Update these to match your own apps credentials
-service_account_email = '[YOUR SERVICE ACCOUTN EMAIL]' # Email of service account
+service_account_email = '[YOUR SERVICE ACCOUNT EMAIL]' # Email of service account
 key_file = 'path/to/your/keyfile.p12' # File containing your private key
 key_secret = 'notasecret' # Password to unlock private key
 profileID = '[YOUR PROFILE ID]' # Analytics profile ID.

diff --git a/README.md b/README.md
@@ -67,4 +67,4 @@ _Note: you will need to be an administrator of the Google Analytics profile_
     <li data-row="1" data-col="1" data-sizex="1" data-sizey="1"> 
         <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div> 
     </li>
-```
+```
diff --git a/visitor_count.rb b/visitor_count.rb
@@ -0,0 +1,48 @@
+require 'google/api_client'
+require 'date'
+
+# Update these to match your own apps credentials
+service_account_email = '[YOUR SERVICE ACCOUTN EMAIL]' # Email of service account
+key_file = 'path/to/your/keyfile.p12' # File containing your private key
+key_secret = 'notasecret' # Password to unlock private key
+profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
+
+# Get the Google API client
+client = Google::APIClient.new(:application_name => '[YOUR APPLICATION NAME]', 
+  :application_version => '0.01')
+
+# Load your credentials for the service account
+key = Google::APIClient::KeyUtils.load_from_pkcs12(key_file, key_secret)
+client.authorization = Signet::OAuth2::Client.new(
+  :token_credential_uri => 'https://accounts.google.com/o/oauth2/token',
+  :audience => 'https://accounts.google.com/o/oauth2/token',
+  :scope => 'https://www.googleapis.com/auth/analytics.readonly',
+  :issuer => service_account_email,
+  :signing_key => key)
+
+# Start the scheduler
+SCHEDULER.every '1m', :first_in => 0 do
+
+  # Request a token for our service account
+  client.authorization.fetch_access_token!
+
+  # Get the analytics API
+  analytics = client.discovered_api('analytics','v3')
+
+  # Start and end dates
+  startDate = DateTime.now.strftime("%Y-%m-01") # first day of current month
+  endDate = DateTime.now.strftime("%Y-%m-%d")  # now
+
+  # Execute the query
+  visitCount = client.execute(:api_method => analytics.data.ga.get, :parameters => { 
+    'ids' => "ga:" + profileID, 
+    'start-date' => startDate,
+    'end-date' => endDate,
+    # 'dimensions' => "ga:month",
+    'metrics' => "ga:visitors",
+    # 'sort' => "ga:month" 
+  })
+
+  # Update the dashboard
+  send_event('visitor_count',   { current: visitCount.data.rows[0][0] })
+end
diff --git a/README.md b/README.md
@@ -54,6 +54,7 @@ _Note: you will need to be an administrator of the Google Analytics profile_
 1.  Copy the `visitor_count.rb` file in to your dashing `jobs\` folder.
 2.  Upddate the `service_account_email`, `key_file`, `key_secret` and `profileID` variables
 ```ruby
+
     service_account_email = '[YOUR SERVICE ACCOUTN EMAIL]' # Email of service account
     key_file = 'path/to/your/keyfile.p12' # File containing your private key
     key_secret = 'notasecret' # Password to unlock private key

diff --git a/README.md b/README.md
@@ -53,14 +53,12 @@ _Note: you will need to be an administrator of the Google Analytics profile_
 #### 4. Start coding (finally) ####
 1.  Copy the `visitor_count.rb` file in to your dashing `jobs\` folder.
 2.  Upddate the `service_account_email`, `key_file`, `key_secret` and `profileID` variables
-
 ```ruby
     service_account_email = '[YOUR SERVICE ACCOUTN EMAIL]' # Email of service account
     key_file = 'path/to/your/keyfile.p12' # File containing your private key
     key_secret = 'notasecret' # Password to unlock private key
     profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 ```
-
 3. Add the widget HTML to your dashboard
 
 ```html 

diff --git a/README.md b/README.md
@@ -60,7 +60,9 @@ _Note: you will need to be an administrator of the Google Analytics profile_
     key_secret = 'notasecret' # Password to unlock private key
     profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 ```
+
 3. Add the widget HTML to your dashboard
+
 ```html 
 
     <li data-row="1" data-col="1" data-sizex="1" data-sizey="1"> 

diff --git a/README.md b/README.md
@@ -55,10 +55,10 @@ _Note: you will need to be an administrator of the Google Analytics profile_
 2.  Upddate the `service_account_email`, `key_file`, `key_secret` and `profileID` variables
 
 ```ruby
-service_account_email = '[YOUR SERVICE ACCOUTN EMAIL]' # Email of service account
-key_file = 'path/to/your/keyfile.p12' # File containing your private key
-key_secret = 'notasecret' # Password to unlock private key
-profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
+    service_account_email = '[YOUR SERVICE ACCOUTN EMAIL]' # Email of service account
+    key_file = 'path/to/your/keyfile.p12' # File containing your private key
+    key_secret = 'notasecret' # Password to unlock private key
+    profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 ```
 3. Add the widget HTML to your dashboard
 ```html 

diff --git a/README.md b/README.md
@@ -65,6 +65,5 @@ profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 
     <li data-row="1" data-col="1" data-sizex="1" data-sizey="1"> 
         <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div> 
-        <i class="icon-heart icon-background"></i>
     </li>
 ```
diff --git a/README.md b/README.md
@@ -62,6 +62,7 @@ profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 ```
 3. Add the widget HTML to your dashboard
 ```html 
+
     <li data-row="1" data-col="1" data-sizex="1" data-sizey="1"> 
         <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div> 
         <i class="icon-heart icon-background"></i>

diff --git a/README.md b/README.md
@@ -61,12 +61,9 @@ key_secret = 'notasecret' # Password to unlock private key
 profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 ```
 3. Add the widget HTML to your dashboard
-```html
-    <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
-
-        <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div>
-
+```html 
+    <li data-row="1" data-col="1" data-sizex="1" data-sizey="1"> 
+        <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div> 
         <i class="icon-heart icon-background"></i>
-
     </li>
 ```
diff --git a/README.md b/README.md
@@ -63,7 +63,10 @@ profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 3. Add the widget HTML to your dashboard
 ```html
     <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
+
         <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div>
+
         <i class="icon-heart icon-background"></i>
+
     </li>
 ```
diff --git a/README.md b/README.md
@@ -61,7 +61,7 @@ key_secret = 'notasecret' # Password to unlock private key
 profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 ```
 3. Add the widget HTML to your dashboard
-```
+```html
     <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
         <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div>
         <i class="icon-heart icon-background"></i>

diff --git a/README.md b/README.md
@@ -61,8 +61,9 @@ key_secret = 'notasecret' # Password to unlock private key
 profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 ```
 3. Add the widget HTML to your dashboard
-
+```
     <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
         <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div>
         <i class="icon-heart icon-background"></i>
     </li>
+```
diff --git a/README.md b/README.md
@@ -62,7 +62,7 @@ profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 ```
 3. Add the widget HTML to your dashboard
 
-<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
-    <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div>
-    <i class="icon-heart icon-background"></i>
-</li>
+    <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
+        <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div>
+        <i class="icon-heart icon-background"></i>
+    </li>
diff --git a/README.md b/README.md
@@ -61,9 +61,8 @@ key_secret = 'notasecret' # Password to unlock private key
 profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 ```
 3. Add the widget HTML to your dashboard
-```
+
 <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
     <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div>
     <i class="icon-heart icon-background"></i>
 </li>
-```
diff --git a/README.md b/README.md
@@ -61,7 +61,7 @@ key_secret = 'notasecret' # Password to unlock private key
 profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 ```
 3. Add the widget HTML to your dashboard
-```htm
+```
 <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
     <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div>
     <i class="icon-heart icon-background"></i>

diff --git a/README.md b/README.md
@@ -61,7 +61,7 @@ key_secret = 'notasecret' # Password to unlock private key
 profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 ```
 3. Add the widget HTML to your dashboard
-```HTML
+```htm
 <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
     <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div>
     <i class="icon-heart icon-background"></i>

diff --git a/README.md b/README.md
@@ -61,7 +61,7 @@ key_secret = 'notasecret' # Password to unlock private key
 profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
 ```
 3. Add the widget HTML to your dashboard
-```html
+```HTML
 <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
     <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div>
     <i class="icon-heart icon-background"></i>

diff --git a/README.md b/README.md
@@ -59,4 +59,11 @@ service_account_email = '[YOUR SERVICE ACCOUTN EMAIL]' # Email of service accoun
 key_file = 'path/to/your/keyfile.p12' # File containing your private key
 key_secret = 'notasecret' # Password to unlock private key
 profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
+```
+3. Add the widget HTML to your dashboard
+```html
+<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
+    <div data-id="visitor_count" data-view="Number" data-title="Visitors This Month"></div>
+    <i class="icon-heart icon-background"></i>
+</li>
 ```
diff --git a/README.md b/README.md
@@ -45,12 +45,12 @@ _Note: you will need to be an administrator of the Google Analytics profile_
 8. Enter the email address you copied from step 13 above
 9. Click 'Add User'
 
-#### Locate the ID for your Google Analytics profile ####
+#### 3. Locate the ID for your Google Analytics profile ####
 
 1. On your Google Analytics profile page, click the 'Profile Settings' tab
 2. Under 'General Information' copy your Profile ID  (e.g. 654321) - you'll need it in your ruby code later
 
-#### Start coding (finally) ####
+#### 4. Start coding (finally) ####
 1.  Copy the `visitor_count.rb` file in to your dashing `jobs\` folder.
 2.  Upddate the `service_account_email`, `key_file`, `key_secret` and `profileID` variables
 

diff --git a/README.md b/README.md
@@ -30,7 +30,7 @@ To use this widget, you'll first need to set up a Google API project and attach
 10.  Click 'Download private key'  NOTE: This will be your only opportunity to download this key.
 11.  Note the password for your new private key ('notasecret')
 12.  Close the download key dialog
-13.  Find the details for the service account you just created and copy it's email address which will look something like this: `012345678912@developer.gserviceaccount.com` - you'll need it in your ruby code later
+13.  Find the details for the service account you just created and copy it's email address which will look something like this: `210987654321-3rmagherd99kitt3h5@developer.gserviceaccount.com` - you'll need it in your ruby code later
 
 #### 2. Attach your Google API service account to your Google Analytics profile ####
 _Note: you will need to be an administrator of the Google Analytics profile_
@@ -50,3 +50,13 @@ _Note: you will need to be an administrator of the Google Analytics profile_
 1. On your Google Analytics profile page, click the 'Profile Settings' tab
 2. Under 'General Information' copy your Profile ID  (e.g. 654321) - you'll need it in your ruby code later
 
+#### Start coding (finally) ####
+1.  Copy the `visitor_count.rb` file in to your dashing `jobs\` folder.
+2.  Upddate the `service_account_email`, `key_file`, `key_secret` and `profileID` variables
+
+```ruby
+service_account_email = '[YOUR SERVICE ACCOUTN EMAIL]' # Email of service account
+key_file = 'path/to/your/keyfile.p12' # File containing your private key
+key_secret = 'notasecret' # Password to unlock private key
+profileID = '[YOUR PROFILE ID]' # Analytics profile ID.
+```
diff --git a/README.md b/README.md
@@ -30,7 +30,7 @@ To use this widget, you'll first need to set up a Google API project and attach
 10.  Click 'Download private key'  NOTE: This will be your only opportunity to download this key.
 11.  Note the password for your new private key ('notasecret')
 12.  Close the download key dialog
-13.  Find the details for the service account you just created and copy it's email address which will look something like this: `[email protected]`
+13.  Find the details for the service account you just created and copy it's email address which will look something like this: `[email protected]` - you'll need it in your ruby code later
 
 #### 2. Attach your Google API service account to your Google Analytics profile ####
 _Note: you will need to be an administrator of the Google Analytics profile_
@@ -40,4 +40,13 @@ _Note: you will need to be an administrator of the Google Analytics profile_
 3. Select the account containing the profile you wish to use
 4. Select the property containing the profile you wish to use
 5. Select the profile you wish to use
-6. 
+6. Click the 'Users' tab
+7. Click '+ New User'
+8. Enter the email address you copied from step 13 above
+9. Click 'Add User'
+
+#### Locate the ID for your Google Analytics profile ####
+
+1. On your Google Analytics profile page, click the 'Profile Settings' tab
+2. Under 'General Information' copy your Profile ID  (e.g. 654321) - you'll need it in your ruby code later
+
diff --git a/README.md b/README.md
@@ -34,6 +34,7 @@ To use this widget, you'll first need to set up a Google API project and attach
 
 #### 2. Attach your Google API service account to your Google Analytics profile ####
 _Note: you will need to be an administrator of the Google Analytics profile_
+
 1. Log in to your Google Analytics account:  http://www.google.com/analytics/
 2. Click 'Admin' in the upper-right corner
 3. Select the account containing the profile you wish to use

diff --git a/README.md b/README.md
@@ -16,7 +16,7 @@ Usage
 =====
 To use this widget, you'll first need to set up a Google API project and attach it to the Google Analytics profile you wish to monitor.
 
-#### 1. Create and download a new private key for API access. ####
+#### 1. Create and download a new private key for Google API access. ####
 
 1.  Go to https://code.google.com/apis/console
 2.  Click 'Create Project'
@@ -32,4 +32,11 @@ To use this widget, you'll first need to set up a Google API project and attach
 12.  Close the download key dialog
 13.  Find the details for the service account you just created and copy it's email address which will look something like this: `[email protected]`
 
-
+#### 2. Attach your Google API service account to your Google Analytics profile ####
+_Note: you will need to be an administrator of the Google Analytics profile_
+1. Log in to your Google Analytics account:  http://www.google.com/analytics/
+2. Click 'Admin' in the upper-right corner
+3. Select the account containing the profile you wish to use
+4. Select the property containing the profile you wish to use
+5. Select the profile you wish to use
+6. 
diff --git a/README.md b/README.md
@@ -16,7 +16,7 @@ Usage
 =====
 To use this widget, you'll first need to set up a Google API project and attach it to the Google Analytics profile you wish to monitor.
 
-First, you need to create and download a new private key for API access.
+#### 1. Create and download a new private key for API access. ####
 
 1.  Go to https://code.google.com/apis/console
 2.  Click 'Create Project'