Closed Bug 965823 Opened 10 years ago Closed 10 years ago

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

Categories

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

Production
enhancement
Not set
normal

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: kohei, Assigned: kohei)

References

Details

(Whiteboard: [kb=1257397] )

Attachments

(2 files)

+++ 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.
Attached file Pull Request on GitHub
Whiteboard: [kb=1257397]
Depends on: 970771
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)
Thanks for your input, Kate!
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)
Gareth: Got it!
(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)
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.
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 :)
The timeline had been added! http://www.mozilla.org/en-US/contribute/studentambassadors/

Good Luck on your next adventure, Kate!
Status: ASSIGNED → RESOLVED
Closed: 10 years ago
Resolution: --- → FIXED
Looks fantastic!! Thanks for all of your help! See you on the web :)
:) :) :)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: