Implement iframe or js solution for new Fx Uninstall survey

RESOLVED FIXED

Status

RESOLVED FIXED
9 years ago
6 years ago

People

(Reporter: kkovash, Assigned: wenzel)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

9 years ago
Implement iframe or js solution for new survey on mozilla.com trunk.  The survey first needs to be created (bug 489693).  We'll then need the survey to be embedded within a mozilla.com page (e.g., www.mozilla.com/uninstall).

Separately, URL redirects will be resolved via bug 489696.
(Reporter)

Updated

9 years ago
Blocks: 489819
(Reporter)

Comment 1

9 years ago
Here is some initial info regarding look/feel and URLs.  Fred -- let me know if you want to schedule a call to talk through this.

Primary Survey Page:
- URL can be www.mozilla.com/uninstall
- look & feel should be somewhat similar to this: http://surveys.mozilla.org/?id=12
- page header and footer should mimic this: http://www.mozilla.com/en-US/firefox/install-feedback/

Thank You Page (after clicking "submit my answers"):
- URL can be www.mozilla.com/uninstall-thanks
- look & feel and header/footer should mimic this: http://www.mozilla.com/en-US/firefox/install-feedback/
(Reporter)

Comment 2

9 years ago
A couple more notes for the look/feel:

- The first question should start higher up on the page than what you see here: http://surveys.mozilla.org/?id=12.  In other words, that mock-up shows too little of the actual survey questions above the fold.
- The intro paragraph on the survey page should read: "Thank you for offering your feedback to help improve Firefox!  Please note that the results of this survey will be made public, including any comments you write."
(Reporter)

Comment 3

9 years ago
We'll also need to remember to pass GET variables.  This will also enable us to view the SurveyGizmo reporting/survey results by Firefox version.

Here's what SurveyGizmo says:
"Absolutely. Any query string key-value pair is automatically appended to the response and made available for filtering in your reports."

Their implementation details are here:
http://www.surveygizmo.com/survey-support/tutorials/pushing-values-query-string/
(Assignee)

Comment 4

9 years ago
(hints for the implementation code, as provided by SurveyMonkey, are in bug 489693)
(Assignee)

Comment 5

9 years ago
(In reply to comment #3)
> We'll also need to remember to pass GET variables.  This will also enable us to
> view the SurveyGizmo reporting/survey results by Firefox version.

Ken: Which ones do you want to pass? Bug 489696 implies "application" and "ua" only.
(Assignee)

Comment 6

9 years ago
(In reply to comment #1)
> Thank You Page (after clicking "submit my answers"):
> - URL can be www.mozilla.com/uninstall-thanks
> - look & feel and header/footer should mimic this:
> http://www.mozilla.com/en-US/firefox/install-feedback/

Is there a way for us to make the survey redirect to a "thank you" page, in the settings somewhere? Right now, it just loads some informational text in the same spot on the same page.
(Assignee)

Comment 7

9 years ago
If you want, you can check out the current status at: http://en-us.moz.fwenzel.khan.mozilla.org/en-US/firefox/uninstall/  (you'll need MPT-VPN for that). Comments appreciated.
Hardware: x86 → All
(Reporter)

Comment 8

9 years ago
(In reply to comment #5)
> (In reply to comment #3)
> > We'll also need to remember to pass GET variables.  This will also enable us to
> > view the SurveyGizmo reporting/survey results by Firefox version.
> 
> Ken: Which ones do you want to pass? Bug 489696 implies "application" and "ua"
> only.

Correct, we only want to pass "application" and "ua".  I believe passing any additional parameters (e.g., locale, os) would require changing the existing uninstall URL, which we're not going to do at this time.
Hey Fred - I think it looks great so far except when the page first loads it's sort of choppy.  Not sure there's much we can do about that, though and it's pretty minor.
Also, I noticed that if I refresh it the form becomes bright yellow (not kidding).  Not sure what that's about.
(Reporter)

Comment 11

9 years ago
(In reply to comment #10)
> Also, I noticed that if I refresh it the form becomes bright yellow (not
> kidding).  Not sure what that's about.

I believe surveygizmo's surveys do this as a way to tell the user that they've tried to submit their answers without completing all required questions.  Typically, it would just highlight in yellow those questions that the user still needs to complete.

I can ask surveygizmo if there's an option to do away with the yellow in any/all cases.
(Reporter)

Comment 12

9 years ago
(In reply to comment #6)
> (In reply to comment #1)
> > Thank You Page (after clicking "submit my answers"):
> > - URL can be www.mozilla.com/uninstall-thanks
> > - look & feel and header/footer should mimic this:
> > http://www.mozilla.com/en-US/firefox/install-feedback/
> 
> Is there a way for us to make the survey redirect to a "thank you" page, in the
> settings somewhere? Right now, it just loads some informational text in the
> same spot on the same page.

Yes.  I just went into surveygizmo and created a redirect for when people submit their answers.  It should now direct to http://www.mozilla.com/en-US/firefox/install-thanks.
(Reporter)

Comment 13

9 years ago
(In reply to comment #11)
> (In reply to comment #10)
> > Also, I noticed that if I refresh it the form becomes bright yellow (not
> > kidding).  Not sure what that's about.
> 
> I believe surveygizmo's surveys do this as a way to tell the user that they've
> tried to submit their answers without completing all required questions. 
> Typically, it would just highlight in yellow those questions that the user
> still needs to complete.
> 
> I can ask surveygizmo if there's an option to do away with the yellow in
> any/all cases.

I just spoke with the support person at surveygizmo.  He said that we can modify the css so that error template (error classes) removes the yellow coloring.
(Assignee)

Comment 14

9 years ago
(In reply to comment #13)
> I just spoke with the support person at surveygizmo.  He said that we can
> modify the css so that error template (error classes) removes the yellow
> coloring.

Yeah, I noticed that too. We can (and will) change that. Nonetheless, I find it pretty strange that reloading the page (not: submitting the form with errors in it) triggers an error state.
(Assignee)

Comment 15

9 years ago
Ken: How can I change the surveymonkey style sheet? I can probably overwrite individual rules in our own CSS file, but I have the impression the preferred way by surveymonkey is using a "style" on their side.
(Reporter)

Comment 16

9 years ago
(In reply to comment #15)
> Ken: How can I change the surveymonkey style sheet? I can probably overwrite
> individual rules in our own CSS file, but I have the impression the preferred
> way by surveymonkey is using a "style" on their side.

Yeah, I should have mentioned that you'll need to log-in to surveygizmo and edit the survey I've already created.  I'll send you the log-in details and instructions via email.
(Assignee)

Comment 17

9 years ago
Thanks, I got the login data. I'll go ahead and remove the yellow background. I will also make sure to use the same font type and size that we use for the rest of the page, so it's consistent.
(Assignee)

Comment 18

9 years ago
(In reply to comment #1)
> Thank You Page (after clicking "submit my answers"):
> - URL can be www.mozilla.com/uninstall-thanks
> - look & feel and header/footer should mimic this:
> http://www.mozilla.com/en-US/firefox/install-feedback/

Ken: I have a question about the "thank you" page: Is there a reason to change the existing page at all? Isn't the "install-feedback" page the "thank you" page for the old survey?

So, do you want me to just change the redirect target in SurveyGizmo to the old page? Or do you want me to *rename* the old page to "uninstall-thanks" because it looks nicer?
(Reporter)

Comment 19

9 years ago
(In reply to comment #18)
> (In reply to comment #1)
> > Thank You Page (after clicking "submit my answers"):
> > - URL can be www.mozilla.com/uninstall-thanks
> > - look & feel and header/footer should mimic this:
> > http://www.mozilla.com/en-US/firefox/install-feedback/
> 
> Ken: I have a question about the "thank you" page: Is there a reason to change
> the existing page at all? Isn't the "install-feedback" page the "thank you"
> page for the old survey?
> 
> So, do you want me to just change the redirect target in SurveyGizmo to the old
> page? Or do you want me to *rename* the old page to "uninstall-thanks" because
> it looks nicer?

The current thank you page for the Fx uninstall survey is this: https://survey.mozilla.com/results.

http://www.mozilla.com/en-US/firefox/install-feedback/ is the thank you page for the installer feedback project, which is unrelated.
(Assignee)

Comment 20

9 years ago
(In reply to comment #19)
> http://www.mozilla.com/en-US/firefox/install-feedback/ is the thank you page
> for the installer feedback project, which is unrelated.

but, if I copy that page 1:1, even the text should stay the same? It sounds to me like a good text for our uninstall survey.
(Reporter)

Comment 21

9 years ago
(In reply to comment #20)
> (In reply to comment #19)
> > http://www.mozilla.com/en-US/firefox/install-feedback/ is the thank you page
> > for the installer feedback project, which is unrelated.
> 
> but, if I copy that page 1:1, even the text should stay the same? It sounds to
> me like a good text for our uninstall survey.

You're mostly correct.  I'd just want the first sentenced changed from "Thank you for trying to install Firefox." to "Thank you for telling us about your experience with Firefox."  Other than that, copying the page 1:1 works.
(Assignee)

Comment 22

9 years ago
Shoot, for some reason I did not see you already answering my question :( The page is almost done, I will post an update today. I'll also go ahead and write rewrite rules (bug 489696). Sorry for the delay.
(Assignee)

Comment 23

9 years ago
All right, from my side, the pages are done:

http://en-us.moz.fwenzel.khan.mozilla.org/en-US/firefox/uninstall/
http://en-us.moz.fwenzel.khan.mozilla.org/en-US/firefox/uninstall-thanks/

Please look over them and tell me if you want anything changed. Otherwise I can commit them.

Also, Ken, please change the redirect target for the "thank you" page. It currently points to:
http://www.mozilla.com/en-US/firefox/install-thanks

However, I called it uninstall-thanks, because it's the thank-you page for the *un*install survey. The right target should therefore be:

http://www.mozilla.com/en-US/firefox/uninstall-thanks

Thanks!
(Assignee)

Updated

9 years ago
Assignee: nobody → fwenzel
(Assignee)

Updated

9 years ago
Blocks: 489696
Status: NEW → ASSIGNED
(In reply to comment #23)
> All right, from my side, the pages are done:
> 
> http://en-us.moz.fwenzel.khan.mozilla.org/en-US/firefox/uninstall/
> http://en-us.moz.fwenzel.khan.mozilla.org/en-US/firefox/uninstall-thanks/
> 
> Please look over them and tell me if you want anything changed. Otherwise I can
> commit them.

Trunk exists to show off dev work.  Please commit and add new links for people not on the VPN.
(Assignee)

Comment 25

9 years ago
(In reply to comment #24)
> Trunk exists to show off dev work.  Please commit and add new links for people
> not on the VPN.

Ah, I wasn't quite aware of this. Here are your links:

https://www-trunk.stage.mozilla.com/en-US/firefox/uninstall/
https://www-trunk.stage.mozilla.com/en-US/firefox/uninstall-thanks/
(Reporter)

Comment 26

9 years ago
(In reply to comment #25)
> (In reply to comment #24)
> > Trunk exists to show off dev work.  Please commit and add new links for people
> > not on the VPN.
> 
> Ah, I wasn't quite aware of this. Here are your links:
> 
> https://www-trunk.stage.mozilla.com/en-US/firefox/uninstall/
> https://www-trunk.stage.mozilla.com/en-US/firefox/uninstall-thanks/

These pages look good!
The pages have 4 validation errors, but I think that's due to SurveyGizmo, not us; otherwise, they do indeed look good!
(Assignee)

Comment 28

9 years ago
Ken: Did you change the "success" target URL?
(Assignee)

Comment 29

9 years ago
(In reply to comment #27)
> The pages have 4 validation errors, but I think that's due to SurveyGizmo, not
> us; otherwise, they do indeed look good!

Thanks for the heads-up, I was able to fix validation.
(Reporter)

Comment 30

9 years ago
(In reply to comment #28)
> Ken: Did you change the "success" target URL?

Done!  (I should have originally followed my own instructions in comment #1 :)
(Reporter)

Comment 31

9 years ago
Fred -- I just talked with the SurveyGizmo folks about filtering our survey reports by GET parameter.  They said we need to follow these instructions -- http://www.surveygizmo.com/survey-support/tutorials/query-string-integration/ -- within their interface.  In other words, we need to add our three GET parameters (product, ua/version, locale) as hidden values within the survey.

Can you go into their interface and implement this?  Or should I do it (with you providing me a little guidance)?
(Assignee)

Comment 32

9 years ago
Ah, I did not notice that we need to put something into the survey as well. I'll log in and add it there. Thanks!
(Assignee)

Comment 33

9 years ago
I added the four values as hidden vars inside the survey! If you want to see how it looks, check out the two (or so) test submissions I made today.
I was asked to help get this into production. Can anyone let me know exactly which files were touched? Thanks.
(Assignee)

Comment 35

9 years ago
(In reply to comment #34)
> I was asked to help get this into production. Can anyone let me know exactly
> which files were touched? Thanks.

Most certainly. I will tag them in kubla and put them into the production queue.
(Assignee)

Comment 36

9 years ago
(In reply to comment #35)
> (In reply to comment #34)
> > I was asked to help get this into production. Can anyone let me know exactly
> > which files were touched? Thanks.
> 
> Most certainly. I will tag them in kubla and put them into the production
> queue.

The files in question are:

/includes/firefox/uninstall-survey.inc.php
/includes/firefox
/includes/headers/firefox/uninstall.inc.php
/includes/headers/firefox/uninstall-thanks.inc.php
/en-US/firefox/uninstall-thanks/index.html
/en-US/firefox/uninstall-thanks
/en-US/firefox/uninstall/index.html
/en-US/firefox/uninstall
/style/tignish/uninstall.css 

I pushed them all to kubla's prod queue and tagged them with "uninstall".
Thanks - and none of these files have any 3.5 related stuff in them?
(Assignee)

Comment 38

9 years ago
(In reply to comment #37)
> Thanks - and none of these files have any 3.5 related stuff in them?

Good thinking :) But no, they are firefox-related, yet version-neutral.

Comment 39

9 years ago
I just pushed all these files live.
Status: ASSIGNED → RESOLVED
Last Resolved: 9 years ago
Resolution: --- → FIXED
(Assignee)

Comment 40

9 years ago
Fabulous, thanks!
Component: www.mozilla.org/firefox → www.mozilla.org
Product: Websites → Websites
Component: www.mozilla.org → General
Product: Websites → www.mozilla.org
You need to log in before you can comment on or make changes to this bug.