Skip to content

Add SocialShareButton Integration to Website Footer #811

@sneha-techiee

Description

@sneha-techiee

🚀 The feature

Description:

Integrate the AOSSIE SocialShareButton library into the Resonate website footer to enable seamless content sharing across platforms.

The implementation should ensure dynamic behavior, performance reliability, and adherence to security best practices.

Requirements:

The SocialShareButton must dynamically capture and share the current page URL (no hardcoded links)
The button should dynamically use the current page title
Implement retry/fallback logic to handle cases where the script fails to load
Use secure CDN assets with proper Subresource Integrity (SRI) and crossorigin attributes
Ensure compatibility across major browsers and responsive layouts
The integration should not negatively impact page performance or layout stability

Motivation, pitch

Currently, the Resonate website lacks an integrated and standardized mechanism for users to share content directly from the platform. This limits organic reach and reduces opportunities for user-driven promotion.

Adding a SocialShareButton in the footer provides:

A consistent and accessible sharing option across all pages
Improved user engagement and content visibility
A reusable and scalable solution aligned with modern web practices

Problem it solves:

Eliminates the need for manually adding share links per page
Prevents hardcoded and potentially incorrect URLs/titles
Ensures secure and reliable loading of third-party scripts

Why this approach:
Using the AOSSIE SocialShareButton library allows us to:

Maintain consistency with the organization’s ecosystem
Leverage an existing, maintained solution instead of building from scratch
Focus on integration quality (performance + security) rather than reinventing functionality.

This feature can be extended in the future to include analytics tracking (e.g., share counts, platforms used)
Could be reused in other components like blog pages or content cards.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions