If you think a bug might affect users in the 57 release, please set the correct tracking and status flags for Release Management.

Add a custom Twitter timeline widget to the Student Ambassadors landing page

RESOLVED FIXED

Status

www.mozilla.org
Pages & Content
--
enhancement
RESOLVED FIXED
4 years ago
4 years ago

People

(Reporter: kohei, Assigned: kohei)

Tracking

Production
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [kb=1257397] )

Attachments

(2 attachments)

(Assignee)

Description

4 years ago
+++ This bug was initially created as a clone of Bug #957420 +++

Needs a custom Twitter timeline widget on the Student Ambassadors landing page. The code is ready for review.
(Assignee)

Comment 1

4 years ago
Created attachment 8367978 [details] [review]
Pull Request on GitHub
(Assignee)

Updated

4 years ago
Whiteboard: [kb=1257397]
(Assignee)

Updated

4 years ago
Depends on: 970771
(Assignee)

Comment 2

4 years ago
Created attachment 8375309 [details]
screenshot including the timeline

We have noticed that it's difficult to find the small timeline widget, which was in the original design, is scrollable on mobile and Mac OS X since the scrollbar is hidden by default on those platforms. 

A possible solution here is to show a limited number of tweets at once, maybe 3 or 5. Kate, What do you think of the attached screenshot showing an adjusted layout?
Flags: needinfo?(knaszradi)
Looks good to me - go ahead and proceed with this design if it's easier. Thanks!
Flags: needinfo?(knaszradi)
(Assignee)

Comment 4

4 years ago
Thanks for your input, Kate!
(Assignee)

Comment 5

4 years ago
Gareth: We are adding a Twitter timeline to the Ambassadors landing page. I think this page won't get many page views but would you like to see GA event tracking on that? This timeline widget is designed to be generic, so it might also be added to other pages.
Flags: needinfo?(garethcull.bugs)
Thanks Kohei. I'd be interested in tracking the click interaction with the follow button and exit links. 

Something like:

Follow button clicks
_gaq.push(['_trackEvent', 'Social Interactions', 'Twitter Follow']);

Exit link clicks within the widget
_gaq.push(['_trackEvent', 'Social Interactions', 'Twitter Post Link Exit', {url}]);

Does that work?
Flags: needinfo?(garethcull.bugs)
(Assignee)

Comment 7

4 years ago
Gareth: Got it!
(Assignee)

Updated

4 years ago
Depends on: 983412
Up on demo3: https://www-demo3.allizom.org/en-US/contribute/studentambassadors/
(In reply to Mike Alexis [:malexis] from comment #8)
> Up on demo3:
> https://www-demo3.allizom.org/en-US/contribute/studentambassadors/

Kate, can you check it out and provide your feedback here?
Flags: needinfo?(knaszradi)
Mike,

Thanks for flagging. Would it be possible to keep the 'What we do' and 'Get in Touch' on the upper right hand side and then do the Twitter feed underneath?
Flags: needinfo?(knaszradi)
(Assignee)

Comment 11

4 years ago
The current layout is the same as what I showed in my Comment 2.

(In reply to Katherine Naszradi [:knaszradi] from comment #10)
> Thanks for flagging. Would it be possible to keep the 'What we do' and 'Get
> in Touch' on the upper right hand side and then do the Twitter feed
> underneath?

IIRC this is the same as the initial mockup. I'll tweak the layout.

Comment 12

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

https://github.com/mozilla/bedrock/commit/98b3a042d370e1d6fc6b0392b236067879222075
Fix Bug 965823 - Add a custom Twitter timeline widget to the Student Ambassadors landing page

https://github.com/mozilla/bedrock/commit/77aef456c68cb456141d6ecdb0c986168dfd6209
Merge pull request #1642 from kyoshino/bug-965823-ambassadors-twitter

Fix Bug 965823 - Add a custom Twitter timeline widget to the Student Ambassadors landing page
adding Jessica to bug as Wednesday is my last day :)
(Assignee)

Comment 14

4 years ago
The timeline had been added! http://www.mozilla.org/en-US/contribute/studentambassadors/

Good Luck on your next adventure, Kate!
Status: ASSIGNED → RESOLVED
Last Resolved: 4 years ago
Resolution: --- → FIXED
Looks fantastic!! Thanks for all of your help! See you on the web :)
(Assignee)

Comment 16

4 years ago
:) :) :)
You need to log in before you can comment on or make changes to this bug.