Web: Embeddable Boosts
Goal
Increase available Boost inventory for Minds and tenant sites by enabling Boosts to be embedded on pages outside of the networks.
What needs to be done
- React App for embedded posts
- Setup analytics tracking with posthog
Acceptance Criteria
-
As a Networks admin, I want to get an embed code for Boosts so that I can add it to my site. - Add an embed code section to the Monetization > Boost section of the admin panel
-
As a Networks admin, I want a Boost embed to generate inventory and deliver views of Boosts from my network. - Create a React app that can display Boosts in 300x250 and 300x600 sizes.
- Boosts click through to (1) originating activity posts, and (2) Boost CTAs, where applicable
If no Boosts are available, embeds have a fallback display
QA
UX/Design
Example flow - boosting a post and sharing to 'embed' the boosted post unit
- The way to access this feature and setting would be in the admin panel.
- When the enable boost setting is toggled on
- The user can select a pre-prepared embed code to copy and paste onto their website.
- The user can select (via radio group) between 300x250 unit and 300x600 unit
Sample designs
300x250
- Post with video
- Post with text only
300x600
- Post with video and title, no other post text
- Post with text and no video / image
- Post with video, title and text
Fishtank examples
Repurposing as much as we are able to from our current rendering of sidebar posts
Mobile
-
Is Mobile Required?
Personas
Experiments
Definition of Ready Checklist
-
Definition Of Done (DoD) -
Acceptance criteria -
Weighted -
QA -
UX/Design -
Personas -
Experiments
Edited by Mark Harding