Having read this post on how to export variables to be read in a google spreadsheet, I set about trying to get this working in my project, I soon ran into problems, I just could not get it to work as google have changed some of the ways they work their drive documents. So, after a LOT of google searching and testing various methods, plus reading this article, I came up with the following method which is a combination of the two articles – and it works, hurrah! 1. Create a new google spreadsheet and change the sheet name (lower left hand corner) to DATA. Make sure your column names are the same as the variables you want to export (exactly matching case) 2. Find out your spreadsheet ‘key’ by looking in the address bar, the key is the long series of letters and numbers after /d/ and before /edit:Eg: https://docs.google.com/spreadsheets/d/1gF0QCNA1TZCNY3qr2zNpWKQ8r43D39o-nqz56c7cQUs/edit#gid=1283040575Key = 1gF0QCNA1TZCNY3qr2zNpWKQ8r43D39o-nqz56c7cQUs 3. Open the script editor (Tools ==> Script Editor) in your spreadsheet and paste the script from the attached file (I have copied and pasted this script and just kept in all the instructions) 4. There are two places in the script where it says “KEY” – copy and paste your key into these two places, between the “”. 5. Run the setUp script twice (Run menu). The first time it will ask for permission to run (grant it), then the second time you select to run it you won't get any popup indication it has run. 6. Go to Publish > Deploy as web app, enter Project Version name and click 'Save New Version', set security level and enable service (most likely execute as 'me' and access 'anyone, even anonymously). 7. Copy the 'Current web app URL' and paste in a notepad file to keep safe. 8. In Articulate, add a trigger to run javascript and use the following code, replacing “Current web app URL” with your URL you copied in the previous step (in””): var player = GetPlayer(); $.ajax({ url: "Current web app URL", type: "POST", data: {"Name": player.GetVar("Name") , "Rating1": player.GetVar("Rating1") , "Rating2": player.GetVar("Rating2") , "Rating3": player.GetVar("Rating3") , "Rating4": player.GetVar("Rating4") , "postRating1": player.GetVar("postRating1") , "postRating2": player.GetVar("postRating2") , "postRating3": player.GetVar("postRating3") , "Postrating4": player.GetVar("Postrating4")}, success: function(data) { console.log(data); }, error: function(err) { console.log('Error:', err); } }); return false; 9. Publish your articulate project – you need to host it somewhere like SCORM cloud or a LMS. When it has finished publishing click to open the files and edit the story.html and story_html5.html files – add the following line in under the line  or somewhere after <head>: <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 10. Go back to articulate and click ‘zip’ – then publish your zip file and hopefully it will work! This isn’t for the faint hearted but it is so worth it if you can get it working! Good luck!

Heya Kate - I've used the method you show here as well and it works pretty well to setup a Google Spreadsheet as an endpoint. This method is handy for capturing inline survey results, to grab choices for choice analysis, and for double capturing completions if your LMS happens to be temperamental. One of the cool things about the Google Spreadsheet is the notification / subscription feature. Subscribing to updates on a per-addition or digest basis is great for infrequent submissions. It's also handy to use formulas and linked sheets to create public dashboards. The original data can be locked away while the linked data (filtered and sanitized) can be exposed in a published location. Here's an alternate method that uses a Google Form as the intermediary to submit the fields from Storyline. A little less setup using a form to process the submissions and I've had fewer issues with permissions (if your Google Apps instance is corporate or government, using GAPPS script is potentially problematic). Add this to a trigger when the slide loads. This will write the JQuery library to your header so you won't need to do any post-publish surgery. This will load Jquery for both the HTML and HTML5 versions. This can also be used for other libraries. I've successfully used this method to load up the soundmanager.js library for persistent background music. function add_script(scriptURL,oID) { var scriptEl = document.createElement("script"); var head=document.getElementsByTagName('head')[0]; scriptEl.type = "text/javascript"; scriptEl.src = scriptURL; scriptEl.id=oID; head.appendChild(scriptEl);} //only want to add these once! if(document.getElementById('jquery')==null){add_script("https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js","jquery");} After you've built your form and viewed the live form, inspect the form elements or explore the source to find the field references for your form. These will be something like entry.156531987. Write these down or copy them into another reference document. While you're at it, grab the form ID from the URL. var player=GetPlayer();var vRate=player.GetVar("slider1");var vSuggestion=player.GetVar("TextEntry"); var fTarget="https://docs.google.com/a/nara.gov/forms/d/YOURFORMID/formResponse"; function submit_form(){$.ajax({url: fTarget,type: "POST",data: {"entry.156531987" :vRate,"entry.1547132205":vSuggestion},success: function(data) {//won't return anything since it's cross domain}});return false;}setTimeout(submit_form(), 2000); Edit: Left off a little bit. I delay the submission of data for a couple of seconds for some reason. Must have fixed an issue in testing. Probably will work find without the delay.

The Google Form itself should be shared with everyone. However, there are a few things that can stop up the works. Watching the Javascript console is helpful in tracking down where things might be wrong. Here are a list of potential gotchas: The JQuery dependency isn't loaded before the ajax call. This means on the same slide on the base layer with your ajax call in another layer or in another slide that's sure to be hit. Loading everything at once, it'll likely fail as there's quite a bit that happens to force the load. There's another script error somewhere. Invalid script, a missing variable, an LMS call tested outside of an LMS. Lots of stuff can put a stop to script execution before you reach the ajax call. Using the wrong form address. In my example above, the link provided was for my organization. It includes the org address. If you use this same string, it'll fail unless your part of my org:)fTarget="https://docs.google.com/a/nara.gov/forms/d/YOURFORMID/formResponse";

Meant to say, the data lines of the code corresponds to what you want put into your spreadsheet so adapt as necessary.

Thanks Kate for sharing your steps here - I know it's a common question so it's always great to be able to point users to another example. :-)

Thanks, Kate, for sharing this solution. If anyone wants to see an example in action, I've posted it here: http://erichrenken.com/SaveResultsToGoogleSpreadsheet/story.html

Forum Discussion

KateRobertson

Community Member

10 years ago

Exporting Variables into a Google Spreadsheet

Having read this post on how to export variables to be read in a google spreadsheet, I set about trying to get this working in my project, I soon ran into problems, I just could not get it to work as google have changed some of the ways they work their drive documents.

So, after a LOT of google searching and testing various methods, plus reading this article, I came up with the following method which is a combination of the two articles – and it works, hurrah!

1. Create a new google spreadsheet and change the sheet name (lower left hand corner) to DATA. Make sure your column names are the same as the variables you want to export (exactly matching case)

2. Find out your spreadsheet ‘key’ by looking in the address bar, the key is the long series of letters and numbers after /d/ and before /edit:
Eg: https://docs.google.com/spreadsheets/d/1gF0QCNA1TZCNY3qr2zNpWKQ8r43D39o-nqz56c7cQUs/edit#gid=1283040575
Key = 1gF0QCNA1TZCNY3qr2zNpWKQ8r43D39o-nqz56c7cQUs

3. Open the script editor (Tools ==> Script Editor) in your spreadsheet and paste the script from the attached file (I have copied and pasted this script and just kept in all the instructions)

4. There are two places in the script where it says “KEY” – copy and paste your key into these two places, between the “”.

5. Run the setUp script twice (Run menu). The first time it will ask for permission to run (grant it), then the second time you select to run it you won't get any popup indication it has run.

6. Go to Publish > Deploy as web app, enter Project Version name and click 'Save New Version', set security level and enable service (most likely execute as 'me' and access 'anyone, even anonymously).

7. Copy the 'Current web app URL' and paste in a notepad file to keep safe.

8. In Articulate, add a trigger to run javascript and use the following code, replacing “Current web app URL” with your URL you copied in the previous step (in””):

var player = GetPlayer();

$.ajax({

url:
"Current web app URL",

type: "POST",

data: {"Name": player.GetVar("Name")
, "Rating1": player.GetVar("Rating1")
, "Rating2": player.GetVar("Rating2")
, "Rating3": player.GetVar("Rating3")
, "Rating4": player.GetVar("Rating4")
, "postRating1": player.GetVar("postRating1")
, "postRating2": player.GetVar("postRating2")
, "postRating3": player.GetVar("postRating3")
, "Postrating4": player.GetVar("Postrating4")},

success: function(data)

{

console.log(data);

},

error: function(err) {
console.log('Error:', err);
}

});

return false;

9. Publish your articulate project – you need to host it somewhere like SCORM cloud or a LMS. When it has finished publishing click to open the files and edit the story.html and story_html5.html files – add the following line in under the line  or somewhere after <head>:

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

10. Go back to articulate and click ‘zip’ – then publish your zip file and hopefully it will work!

This isn’t for the faint hearted but it is so worth it if you can get it working! Good luck!

Script_for_google_docs.txt3 KB

storyline 360

Mohammad-Hassam
Community Member
9 years ago
HI Kate,

I followed all the steps you mentioned but still not working. I have uploaded the published file on the server but still no response. I think there is something wrong I am doing that's why the data is not appearing in Google sheet. Kindly find the files attached.

Google drive link: https://docs.google.com/spreadsheets/d/1L1YtRjp0Kd94XQx-1AjH8cEh-sctGmRPL7VXCRCzdNk/edit?usp=sharing

Published version uploaded: http://blendtolearn.com/articulate/exportgooglesheet/story.html

I look forward to hearing from you.
javagooglesheet.story72 KB
- KateRobertson
  Community Member
  9 years ago
  Hi Mohammad, I have sent you a reply via email but for anyone else, here are the changes I made:
  
  1.      You need to call the spreadsheet ‘DATA’ – the name at the bottom, not at the top
  2.      You need to put column headers in that match the variable names
  3.      I edited the variable names in your articulate project
  4.      I edited the javascript to match the variables and took out the ones you didn’t need.
  5.      I added in a second javascript that stops you needing to do any post-publish surgery
  - RobertKankelbor
    Community Member
    9 years ago
    Thanks for this, too, Kate. I haven't been successful at this yet and hope implementing these changes will work for me.
VladKolchanov
Community Member
9 years ago
Hi everybody! Here is another good solution:

http://elearningbrothers.com/how-to-create-a-leaderboard-elearning-google/
- KateRobertson
  Community Member
  9 years ago
  Great, thanks Vlad!
CarrieBooth
Community Member
9 years ago
I have been wanting to connect courses to spreadsheets for year! Thank you so much!
ErezGoren
Community Member
9 years ago
Hello,

Amazing methods. This is going to serve many purposes for us - thank you.

Is there anyway to grab different variables at different times and log them to the same row in the spreadsheet?

Simple example - I would like to grab the timestamp when a student begins the test, and one when they finish it.

complex example - I would like to grab the score for each section of the quiz the student completes - not at the final results slide, but at the end of each section.

Thanks in advance,

Erez
- KateRobertson
  Community Member
  9 years ago
  Hi Erez, there might be a way to do that but I'm not sure. My method just adds data to the next line of the spreadsheet. I guess if you included a name stamp each time you could collate the lines together that relate to the same person, if that makes sense?!
GerardSteele-4c
Community Member
9 years ago
Hey everyone,

First, I'd like to say thanks to everyone participating in this thread. I was able to get a spreadsheet running a few months ago and it's been immensely helpful to my organization. My supervisor has now asked for a way to update information to save us some runaround. The only way I can see this maybe working is to work in a javascript command to delete a row based on an id and have user re-enter their new information. Does this sound feasible? Are there any other solutions I'm not seeing? Keep in mind the most experience with javascript I have is setting up spreadsheets using this thread. Thanks!
VladKolchanov
Community Member
9 years ago
Hi everyone,

is there any method to use other sheets? I have a few quizzes, united in a single project. The user has to solve several quizzes. I would like to have the results of a quiz on one page, and the results of other quizzes — on other sheets.

Thanks!
JasonNagels
Community Member
9 years ago
I've been banging my head against a wall with this for a few hours, and haven't made much success. I'm hoping the group can point me in the right direction as to what I'm doing wrong.

I have a eLearning with 3 variables I'm trying to pass to the spreadhseet (FirstName, LastName, Score).

I believe I have followed the instructions exactly, but it's not working. I must be overlooking something.

Google Spreadsheet: https://docs.google.com/spreadsheets/d/1RNQz2Dnt0lNYQUwVsa_s2welexxr4YfjVrOXd35tak8/edit?usp=sharing

Posted eLearning: http://www.nagelsconsulting.com/Lockout/story.html

I have made sure to edit the story.html and story_html5.html files with the text:

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

Any suggestions or help would much appreciated!

I have attached the source story file.

Thanks,

J

Lockout.story313 KB
ErichRenken
Community Member
9 years ago
After taking a quick look, I saw that this error message is generated:

XMLHttpRequest cannot load https://script.google.com/macros/s/AKfycbz7Xe_atONE7a8RSxj8UVZU5qqkEvLRdNZnGL8FXeFk_PJYPoo/exec. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.nagelsconsulting.com' is therefore not allowed access.

Recheck your permissions (Step #6).

Also, when I just this:

https://script.google.com/macros/s/AKfycbz7Xe_atONE7a8RSxj8UVZU5qqkEvLRdNZnGL8FXeFk_PJYPoo/exec

I get a "Script function not found: doGet" message. Don't have the time at the moment to find how those are related, but hopefully it will serve as a valuable clue.

For what it's worth, I had to take a few attempts at this before I got all the steps correct. Lots of moving parts.
ChristiePollick
Community Member
9 years ago
Hi, Jason -- So sorry to hear of your frustrations, and I see Erich has offered an idea, so hopefully that will help! As we don't support exporting variables to an excel document or Google spreadsheet, I'll need to defer to the community should you need further assistance here.
JasonNagels
Community Member
9 years ago
Thanks Erich for the suggestion. I double-checked step 6 and it turns out I didn't have the privleges set properly. I have corrected this, and now 'anyone, even anonymous' has access to the web app; however I'm still getting the "Script Function not found: doGet: error when clicking https://script.google.com/macros/s/AKfycbz7Xe_atONE7a8RSxj8UVZU5qqkEvLRdNZnGL8FXeFk_PJYPoo/exec

When I look at the code in the script editor - I see there are the following lines:

// If you don't want to expose either GET or POST methods you can comment out the appropriate function
function doGet(e){
return handleResponse(e);
}
function doPost(e){
return handleResponse(e);
}

Does it look like there is something wrong with these lines?

I tried commenting out the doGet but I still get the same error.

Thansk,

J