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

MichaelHinze
Community Member
7 years ago
I have used Google spreadsheets several times in the past to store Storyline variables. I know what the process is and I never had any problems until now. With a new spreadsheet and new Storyline project I now get an error when I run the published content. In the browser console, I get :

"Failed to load https://script.google.com/macros/u/0/s/../exec: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://...com' is therefore not allowed access. The response had HTTP status code 404."

Note: I replaced the real URL with ..

After some research this seems to be a cross domain security issue (the SL content runs on one domain, while the Google spreadsheet is hosted on another). BTW, this also happens with Captivate-based content, so my guess is the issue is related to the "the Google end".

Does anyone have insights on the root cause and how to fix this issue?
SteveFlowers
Community Member
7 years ago
Hi, Michael -

I stopped using the script-based submission for a variety of reasons awhile ago. Instead, I just use the formResponse target that the normal form uses with an AJAX post. This tends to work every time for me. I use the "Get Prefilled Link" feature to discover the expected form fields.

https://docs.google.com/forms/d/e/1FAIpQLSewmIMASgsR78EKGSEG1Y81TgPHJ2YjaunE2d4F6C5l9v2nrw/viewform?usp=pp_url&entry.1632817179=First&entry.764465594=Second

https://docs.google.com/forms/d/e/1FAIpQLSewmIMASgsR78EKGSEG1Y81TgPHJ2YjaunE2d4F6C5l9v2nrw/formResponse?entry.1632817179=First&entry.764465594=Second
- MichaelHinze
  Community Member
  7 years ago
  
  Steve Flowers
  
  Hi, Michael -
  
  I stopped using the script-based submission for a variety of reasons awhile ago. Instead, I just use the formResponse target that the normal form uses with an AJAX post. This tends to work every time for me. I use the "Get Prefilled Link" feature to discover the expected form fields.
  
  https://docs.google.com/forms/d/e/1FAIpQLSewmIMASgsR78EKGSEG1Y81TgPHJ2YjaunE2d4F6C5l9v2nrw/viewform?usp=pp_url&entry.1632817179=First&entry.764465594=Second
  
  https://docs.google.com/forms/d/e/1FAIpQLSewmIMASgsR78EKGSEG1Y81TgPHJ2YjaunE2d4F6C5l9v2nrw/formResponse?entry.1632817179=First&entry.764465594=Second
  
  Hi Steve,
  
  thanks for the info. It's funny, I had used fieldIDs for my very first test project. It did work fine but it felt like a hack...having to dig up the IDs, etc. I'll give it a try. Back to the future!
- ClaudineCaro
  Community Member
  7 years ago
  Steve, I'm very interested in this. My goal is to do the following:
  
  Pull email address from LMS into Storyline360
  
  Send email address from Storyline to Google Form -> Google Spreadsheet on course completion trigger
  
  Use Zapier to collect email address and send an email to the learner.
  
  I've pulled in the email address from the LMS to Storyline. But I can't get it to spit out to the Google Form.
  
  I used the script you posted several years ago. Now I'd like to use your formResponse target but I don't know how to change my javascript.
  
  Can you help me figure it out?
  
  The SL course is hosted on ScormCloud
  https://cloud.scorm.com/sc/InvitationConfirmEmail?publicInvitationId=91fa6f1b-fd93-4f16-bfe4-fdc71f01b8c4
  
  thanks-
  
  Claudine
  pull_email_address.story70 KB
KarinaMartinez-
Community Member
7 years ago
This coding is working perfectly in the LMS but i wanted to use this in a course published in a web site and it didn't work. I had to embed the google form as an web object, but i don't like how it looks...is there another way to do it? do i have to change the code in the javascript?
CamilleBonnet
Community Member
7 years ago
Hi,

I set up my google spreadsheet and it is working perfectly except for the Results.ScorePoints variable and for a boolean variable that I change through a checkbox in the storyline.

Does anyone know how to export this Results.ScorePoints variable? And what happens to a variable associated to a checkbox?
PhilMayor
Super Hero
7 years ago
You cannot send results variables but you can assign the value of the results to another variable in storyline and send that.

The Boolean should send, might be a naming issue.
CamilleBonnet
Community Member
7 years ago
Thank you very much Phil, I checked and I had forgotten to add the boolean variable into the javascript code.

As for the result variable, I'll re-test it now that it is in a new variable. At least, I discovered something thanks to you :)
ReginaSaenz-ba7
Community Member
7 years ago
It seems that some of the set up for this have possibly changed a bit since this thread was first created! I was able to get all the way to coding my google sheet, and triggering to execute javascript, but now I am finding difficulty in actually manipulating the code in the published version of the course. Now I will say, I dont have an LMS, so I published for the Web. Can someone help me out in updating some of the step by step instructions or direct me were some updated instructions are?
PulkitMalhotra
Community Member
6 years ago
Hi Kate,

i was trying to use this example on my story but i always get a message saying

Script function not found: doGet

Can you help me out with it?
NicolePierce
Community Member
6 years ago
Hi, I am trying to use this in a current Storyline project. Could you elaborate on the 9th step? How do you edit the story.html and story_html5.html files?
MicheleBlascovi
Community Member
6 years ago
Hi!

I'm doing a survey to test the skills of about 150 people and then offer them lessons according to their needs. To do this I need to know exactly what they answer to each question, and not only if they answer correctly.

Do you guys think this method will work also to export quiz answers? Is there the possibility to use quiz answer as they were variables?

Can you help me out with it?
- LizzieAngell
  Community Member
  6 years ago
  I found this video - it gives all the instructions clearly and in the right order, and I got it all working no problem:
  
  https://www.youtube.com/watch?v=5V2pvtFGeyY
  
  you should be able to do your quiz using this to record the results