Exporting Variables into a Google Spreadsheet

Thanks Kate. I didn't notice that. 

I just modified the permissions so anyone can access and edit the sheet.

I just tried it and it didn't work. Now I'm starting to thing it may have to do with the Script function not found: doGet I get when I run the WebApp URL:

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

What should happen when I launch the webapp URL if it was working properly?

another quick question - the first time I open the script editor there is a default entry of:

function myFunction() {

}

I assumed I pasted the script you provided between the { and }

is that correct?

I've stopped using scripts for Google Spreadsheet data and always close off my sheets to the public unless I need Storyline to access the data.

Using Google Forms and a bit of ajax to submit the data to the spreadsheet has worked consistently for me without the need to manage a script for submission capture. You might want to give that a try. Eases the permission complications as well.

Hi Steve - 

Is the method you describe the one covered in this forum post https://community.articulate.com/discussions/articulate-storyline/exporting-variables-to-be-read-in-a-google-docs-spreadsheet

Steve,

Do you have an example of how you do that?

Thanks!

The info is there. Much of it in this doc:

https://articulate-heroes.s3.amazonaws.com/uploads/attachment/attachment_url/4238/page.pdf?dl=true

The one bit I see that's potentially missing is getting the field ID's. There's an easy way to do that by generating a prefilled link from the Google Forms editor.

Sure. It's something I do pretty regularly. I'll replicate one I did a few weeks ago and post the example. It's super easy.

Form > Spreadsheet + a little javascript in a storyline trigger.

This is great!...thanks for the article link, too. I look forward to the post.

Jason, I have tried briefly to make your spreadsheet work but I can't see the problem. The best I can suggest is to start again. The first time you open the script editor, just delete everything that is there and paste the new script. Good luck.

Thanks so much Kate. You pointed me in the right direction and I have it working now. 

I appreciate your help!

Good to hear Jason!

I've been working on this and published the form.  I used 'Console' in chrome and here's the error I'm getting.  BTW this is hosted in Word Press.  Both these lines are red in console, so is WP killing the code.

jquery-1.11.0.min.js:4 POST https://script.google.com/macros/s/AKfycbx4LYUKVC4jmLgkcWisqcFURZbyL0tk9VlPbQo_h-KDdmWvtEQ/exec

XMLHttpRequest cannot load https://script.google.com/macros/s/AKfycbx4LYUKVC4jmLgkcWisqcFURZbyL0tk9VlPbQo_h-KDdmWvtEQ/exec. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.xxxxxxxxx.com' is therefore not allowed access. The response had HTTP status code 401.

Hi, Ken -

That's a normal error using this method. It won't return any results but SHOULD still submit the data. Is nothing showing up in your spreadsheet?

Hmm.. Looks like you're using a script method. Are you attempting to return data from the script? If submitting data using a standard form, you'll always get an error like this.

In your Wordpress launch, are you using http:// or https://? Appears in your error that the launch is coming from http://. Can't mix the two or it will throw an error.

WordPress site is HTTP:// and it's hosted on go-daddy.   So do I needed to move to https?  Nothing showing in spreadsheet.  I pretty sure spreadsheet is not the problem.  I can test it in google sheets and adds new rows, or course with 'undefined' because there's no data.

I followed the example that Kate's so graciously shared

Hi All,

I have had this script up and rolling and now, poof!  Can't make it work!

I even tried a brand new course and it is not working!  Any one else having this problem?

cdb

Thanks to Kate for all the work, but I wish someone would create a template and instructions that exports data to google sheets or ??.

Steve Flowers Do you have any suggestions? 

Hey, all -

(1/2) I've stopped using the script method awhile ago. The less complicated way to tackle this uses a Google Form paired with a Google Spreadsheet. 

1. Create a Google Form. Pair it with a Spreadsheet. 
2. Use the prefilled form option in Google Forms to grab your name/value pair variable names. You'll get something that looks like this. I add the names I want to reference into the fields before submitting.
   https://docs.google.com/forms/d/e/1FAIpQLSeL2Z8hvyxK_EipeC7Fc8NDncE3VtVsMMsQZIOkCfkOPSLKgQ/viewform?entry.1518353193=NAMEFIELD&entry.1403774106=COLORFIELD&entry.1433875917=NUMBERFIELD
3. You'll set your AJAX function to target the form response address. It's the same address as your form except it ends with formResponse instead of viewForm. https://docs.google.com/forms/d/e/1FAIpQLSeL2Z8hvyxK_EipeC7Fc8NDncE3VtVsMMsQZIOkCfkOPSLKgQ/formResponse

(2/2) There are a couple of ways to run submission. The first is pretty simple and doesn't require JQuery. This creates an invisible iframe and submits using that iFrame. This works pretty consistently for me. Since we aren't looking for any return to the AJAX call, this is probably lighter weight than the JQuery version. 

var player=GetPlayer();

var questionID = player.GetVar("team");
var choice =player.GetVar("choice");
var questionID=player.GetVar("qRef");
var category=player.GetVar("category");
var formEvent=player.GetVar("formEvent"); //I put the URL listed under step 3 in the first part of this post into a Storyline variable. 
var region=player.GetVar("region");
var role=player.GetVar("role");

var goURL=formEvent+"?entry.439953588="+username+"&entry.1756523096="+category+"&entry.1042712636="+questionID+"&entry.769939824="+choice+"&entry.771181539="+region+"&entry.818358780="+role;

if(document.getElementById('sendGoogle')){
var elem = document.getElementById("sendGoogle");
elem.parentElement.removeChild(elem);
}

ifrm = document.createElement("IFRAME");
ifrm.setAttribute("src", goURL);
ifrm.id="sendGoogle";
ifrm.style.visibility = "hidden";
document.body.appendChild(ifrm);

If you don't want to use the iFrame method, you can use Jquery pretty easily. I don't like to do post publish surgery so I use a bit of Javascript to jack jquery into the head of the document at runtime. Note that you need to load this well ahead of your AJAX calls. Don't try to load this and your AJAX call in the same trigger. 

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");
}

In a separate trigger (give it some time after your JQUERY head load):

var player=GetPlayer();
var vStudent=player.GetVar("studentName");
var vSupervisor=player.GetVar("supervisorName");
var vFacility=player.GetVar("facilityName");

var fTarget="https://docs.google.com/a/nara.gov/forms/d/YOURUNIQUEFORMID/formResponse";

function submit_form(){

$.ajax({
url: fTarget,
type: "GET",
data: {"entry.1481580269" :vStudent,"entry.1244291729":vSupervisor,"entry.2088465962":vFacility},

success: function(data) {
//won't return since it's cross domain
}

});
return false;

}
setTimeout(submit_form(), 2000);

@Steve, you're a genius. How did you ever figure out the form entry ID thing? That's brilliant.

@ Ken. I tried following all the instructions and still struggled.

I came across this website 

https://helpdesk.courseware.nl/hc/en-us/articles/205740482-Articulate-Storyline-Export-to-Google-Drive

It has a built in template that can be used for your projects. I haven't had any problems but anything can happen.

Hope this helps.

Thanks Alison for sharing that - and it's worth noting that as of August, Google Drive no longer allowed for hosting of HTML files. With that in mind, you'll want to look at a web server such as Amazon S3 - we've got a great tutorial on this here.