1350170 - Add Firefox Focus page

Status: RESOLVED FIXED

(www.mozilla.org :: Pages & Content, enhancement)

Description

[Jonathan Petto [:jpetto]]

Create a simple landing page for Firefox Focus prior to the Android release (4/5?).

Can use /firefox/ios/ page as rough template. Grab copy from Apple App store [1] description.

Note - may need to do some URL wizardry for de locale. See Focus/privacy PR [2] for more info.


[1] https://mzl.la/2fGnsyD
[2] https://github.com/mozilla/bedrock/pull/4497

Comment 1

[Justin Crawford [:hoosteeno] [:jcrawford]]

:jpetto, I cc'd Mike Han, who can provide content for this page. Can you link here to the demo page? And do we have fixed specs for art, or are they still evolving? 

Thanks!

Comment 2

[Craig Cook (:craigcook)]

Though Jon filed this bug and started work on a page for Focus, it has since been rolled in with all the other redesigned product pages so this is probably on my plate now. My (still very rough) version is at https://bedrock-demo-craigcook.us-west.moz.works/en-US/firefox/focus/

No solid art specs yet, that is indeed still evolving. I'm sure we'll at least need product screenshots in both English and German to cover the Focus/Klar situation.

Comment 3

[Jonathan Petto [:jpetto]]

Noting that we will most likely need a custom URL for /de/ locale - /firefox/klar/.

(We did this with /privacy/ URLs a while back [1].)


[1] https://github.com/mozilla/bedrock/commit/35a5bbc44c9dc6781b048636875468acc16a2da0

Comment 4

[[e-mail]]

Hey there.  FYI, Fabio will be taking the leading on that page - providing content and approvals.

Comment 5

[Fabio Rios [:frios]]

Attachment: FF-Focus-Page_Hero.png

large header image

Comment 6

[Fabio Rios [:frios]]

Attachment: FF Focus Hub Page_Feature Images-01.png

feature graphic #1

Comment 7

[Fabio Rios [:frios]]

Attachment: FF Focus Hub Page_Feature Images-02.png

feature graphic #2

Comment 8

[Fabio Rios [:frios]]

Attachment: FF Focus Hub Page_Feature Images-03.png

feature graphic #3

Comment 9

[Fabio Rios [:frios]]

Here's the copy, we are still finalizing. I'll ping when 100% approved.

https://docs.google.com/document/d/1JL-tiArP3gRm3EMg23lQdUzDfy2vcsuzxLcBIOAsW9w/edit#

Comment 10

[Alex Gibson [:agibson]]

Attachment: GitHub pull request

Comment 11

[Alex Gibson [:agibson]]

WIP demo while we wait for final copy:

https://bedrock-demo-agibson.us-west.moz.works/en-US/firefox/focus/

Fabio, a few things I need:

1.) App Store URL for Focus (including any utm params you may want).
2.) Play Store URL for Focus (including any utm params).
3.) I also added Focus to the global nav and sub nav menus. Should I use the string "Focus", or "Focus Browser" for the navigation?

Thanks!

Comment 12

[Alex Gibson [:agibson]]

Oh, I also added the blog tags: ['privacy', 'mobile', and 'featured']. 

Please let me know if you would like something different here.

Comment 13

[Fabio Rios [:frios]]

(In reply to Alex Gibson [:agibson] from comment #11)
> WIP demo while we wait for final copy:
> 
> https://bedrock-demo-agibson.us-west.moz.works/en-US/firefox/focus/
> 
> Fabio, a few things I need:
> 
> 1.) App Store URL for Focus (including any utm params you may want).
https://app.adjust.com/b8s7qo?campaign=&adgroup=&creative=iOS&fallback=https://itunes.apple.com/us/app/id1055677337?mt=8
> 2.) Play Store URL for Focus (including any utm params).
https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=android
> 3.) I also added Focus to the global nav and sub nav menus. Should I use the
> string "Focus", or "Focus Browser" for the navigation?
Please use Focus Browser
> 
> Thanks!

Comment 14

[Fabio Rios [:frios]]

Alex, we made changes to copy in the metadata title and description, and to section 3.

Elvin reviewed, but it turns out I also had to send to Marshall. I don't expect changes, but not 100% that we won't need to tweak a word. 

How's timing? If we need to make a minor copy edit is it still realistic to get live on Tuesday AM PST?

Comment 15

[Alex Gibson [:agibson]]

(In reply to Fabio Rios [:frios] from comment #14)
> How's timing? If we need to make a minor copy edit is it still realistic to
> get live on Tuesday AM PST?

Yep, that shouldn't be a problem. Thanks

Comment 16

[Alex Gibson [:agibson]]

(In reply to Fabio Rios [:frios] from comment #13)
> 
> (In reply to Alex Gibson [:agibson] from comment #11)
> > WIP demo while we wait for final copy:
> > 
> > https://bedrock-demo-agibson.us-west.moz.works/en-US/firefox/focus/
> > 
> > Fabio, a few things I need:
> > 
> > 1.) App Store URL for Focus (including any utm params you may want).
> https://app.adjust.com/b8s7qo?campaign=&adgroup=&creative=iOS&fallback=https:
> //itunes.apple.com/us/app/id1055677337?mt=8
> > 2.) Play Store URL for Focus (including any utm params).
> https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=android
> > 3.) I also added Focus to the global nav and sub nav menus. Should I use the
> > string "Focus", or "Focus Browser" for the navigation?
> Please use Focus Browser
> > 
> > Thanks!

https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=android

This seems to redirect me to iTunes and not the Play Store. It also doesn't seem to contain a fallback parameter like the iOS URL.

Comment 17

[Fabio Rios [:frios]]

> https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=android
> 
> This seems to redirect me to iTunes and not the Play Store. It also doesn't
> seem to contain a fallback parameter like the iOS URL.

I see that. Getting confirmation from Mike. Will get back to you shortly.

Also, Marshall reviewed and cleared with one minor change to the main subhead. Can you replace with the below?:

<H1> Firefox Focus Browser
<Subhead> Keep it private with automatic ad blocking and tracking protection on iOS and Android.

Comment 18

[Alex Gibson [:agibson]]

(In reply to Fabio Rios [:frios] from comment #17)
> > https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=android
> > 
> > This seems to redirect me to iTunes and not the Play Store. It also doesn't
> > seem to contain a fallback parameter like the iOS URL.
> 
> I see that. Getting confirmation from Mike. Will get back to you shortly.
> 
> Also, Marshall reviewed and cleared with one minor change to the main
> subhead. Can you replace with the below?:
> 
> <H1> Firefox Focus Browser
> <Subhead> Keep it private with automatic ad blocking and tracking protection
> on iOS and Android.

Done, thanks

Comment 19

[Fabio Rios [:frios]]

> https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=android
> 
> This seems to redirect me to iTunes and not the Play Store. It also doesn't
> seem to contain a fallback parameter like the iOS URL.

Alex, I confirmed with mhan that those are the correct URLs. Because it's not live yet, it's going to default to redirect to iOS. Once they publish the Google Play page on Tuesday, all will work fine.

So, it looks like we are all set. Thanks!

Comment 20

[Alex Gibson [:agibson]]

(In reply to Fabio Rios [:frios] from comment #19)
> > https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=android
> > 
> > This seems to redirect me to iTunes and not the Play Store. It also doesn't
> > seem to contain a fallback parameter like the iOS URL.
> 
> Alex, I confirmed with mhan that those are the correct URLs. Because it's
> not live yet, it's going to default to redirect to iOS. Once they publish
> the Google Play page on Tuesday, all will work fine.
> 
> So, it looks like we are all set. Thanks!

Ok, well I'll add a fallback URL and we can test on Tuesday to see if it works. We'll block merge / deploy until that time when it's live. Thanks

Comment 21

[Fabio Rios [:frios]]

Alex,

Mike made a minor change to the iOS URL, see updated below. 

iOS: https://app.adjust.com/b8s7qo?campaign=&adgroup=Focus&creative=iOS&fallback=https://itunes.apple.com//app/id1055677337?mt=8

Comment 22

[Alex Gibson [:agibson]]

(In reply to Fabio Rios [:frios] from comment #21)
> Alex,
> 
> Mike made a minor change to the iOS URL, see updated below. 
> 
> iOS:
> https://app.adjust.com/
> b8s7qo?campaign=&adgroup=Focus&creative=iOS&fallback=https://itunes.apple.
> com//app/id1055677337?mt=8

Thanks, I'm going to assume there should be no double slash before //app in the fallback URL, and that the fallback URL should be properly URI encoded:

https://app.adjust.com/b8s7qo?campaign=&adgroup=Focus&creative=iOS&fallback=https%3A%2F%2Fitunes.apple.com%2Fapp%2Fid1055677337%3Fmt%3D8

If this is not the case please let me know.

Comment 23

[Fabio Rios [:frios]]

Mike, I shared the URL you provided in comment #21. See comment 22 with Alex's question

Comment 25

[Fabio Rios [:frios]]

Alex, I'm not sure how Adjust works, so if we don't hear back from Mike on this, I would suggest using what he supplied. Unless it's obviously wrong, or causing something to break.

Comment 26

[Alex Gibson [:agibson]]

(In reply to Fabio Rios [:frios] from comment #25)
> Alex, I'm not sure how Adjust works, so if we don't hear back from Mike on
> this, I would suggest using what he supplied. Unless it's obviously wrong,
> or causing something to break.

We still need the Android URL whenever that is live, so hopefully we'll hear back by then. The fallback URL seems to function correctly with my changes (try clicking the link in Comment 22).

If we don't hear back we can revert, but the URL should definitely be URI encoded either way.

Comment 27

[[e-mail]]

Alex, youre correct, theres an extra slash (previously we had a country code there)

Please use this url:

https://app.adjust.com/b8s7qo?campaign=&adgroup=Focus&creative=iOS&fallback=https://itunes.apple.com/app/id1055677337?mt=8

Comment 28

[Alex Gibson [:agibson]]

(In reply to [e-mail] from comment #27)
> Alex, youre correct, theres an extra slash (previously we had a country code
> there)
> 
> Please use this url:
> 
> https://app.adjust.com/
> b8s7qo?campaign=&adgroup=Focus&creative=iOS&fallback=https://itunes.apple.
> com/app/id1055677337?mt=8

Thanks - I notice there's also no value for `campaign=` in this URL. I'm guessing it should be `campaign=moz.org`?

We're against the clock here, so could you please review both URLs carefully and ensure they both have everything you need?

If you could paste both (fully formed) URLs here that would be great. I only have half a URL for Android thus far (it's still missing the fallback URL). Thanks

Comment 29

[Alex Gibson [:agibson]]

OK, the blog post for Focus on Android has been published, so I took a guess at the URLs:

iOS
---

https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=iOS&fallback=https%3A%2F%2Fitunes.apple.com%2Fapp%2Fid1055677337%3Fmt%3D8

Android
-------

https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=android&fallback=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dorg.mozilla.focus

Can anyone confirm these are correct?

Comment 30

[Fabio Rios [:frios]]

(In reply to Alex Gibson [:agibson] from comment #28)
> (In reply to [e-mail] from comment #27)
> > Alex, youre correct, theres an extra slash (previously we had a country code
> > there)
> > 
> > Please use this url:
> > 
> > https://app.adjust.com/
> > b8s7qo?campaign=&adgroup=Focus&creative=iOS&fallback=https://itunes.apple.
> > com/app/id1055677337?mt=8
> 
> Thanks - I notice there's also no value for `campaign=` in this URL. I'm
> guessing it should be `campaign=moz.org`?
> 
> We're against the clock here, so could you please review both URLs carefully
> and ensure they both have everything you need?
> 
> If you could paste both (fully formed) URLs here that would be great. I only
> have half a URL for Android thus far (it's still missing the fallback URL).
> Thanks

Hey Alex, yeah it looks like that's missing the campaign=moz.org let's add that and push it. I tried the android one and it works fine with no fallback URL, so let's roll.

Thank you!

Comment 31

[[github robot]]

Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/694193defae6d2fd671a804901d060d8cb87753b
[fix bug 1350170] Add Firefox Focus page

https://github.com/mozilla/bedrock/commit/4459643842eb3a80d01201d229bfd873460b5e5b
Merge pull request #4904 from alexgibson/bug-1350170-firefox-focus-page

[fix bug 1350170] Add Firefox Focus page

Comment 32

[[e-mail]]

heres the link for android badge:

https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=android

for ios badge:
https://app.adjust.com/b8s7qo?campaign=&adgroup=Focus&creative=iOS&fallback=https://itunes.apple.com/app/id1055677337?mt=8

Comment 33

[[e-mail]]

For the android link, theres no fallback needed because android is set as the default platform.

Android link:
https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=android

For iOS, please use this badge: (added campaign parameter)
https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=iOS&fallback=https://itunes.apple.com/app/id1055677337?mt=8

Comment 34

[Alex Gibson [:agibson]]

(In reply to [e-mail] from comment #33)
> For the android link, theres no fallback needed because android is set as
> the default platform.
> 
> Android link:
> https://app.adjust.com/b8s7qo?campaign=moz.org&adgroup=Focus&creative=android
> 
> For iOS, please use this badge: (added campaign parameter)
> https://app.adjust.com/b8s7qo?campaign=moz.
> org&adgroup=Focus&creative=iOS&fallback=https://itunes.apple.com/app/
> id1055677337?mt=8

These are essentially the same links as Comment 29 (aside from not being encoded fully). As discussed with Mhan on Slack, we're going to leave the fallback param in there for Android as it does not harm being there.

Comment 35

[[github robot]]

Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/3456293291a0d3f8c5de1b3b7bfae3d220234676
[bug 1350170] Update values copy on /firefox/focus/ for l10n

https://github.com/mozilla/bedrock/commit/6a68ba4b872ba506a58125da5b773803887817a9
Merge pull request #4942 from alexgibson/bug-1350170-update-focus-copy-l10n

[bug 1350170] Update values copy on /firefox/focus/ for l10n