Social Sharing
The Social Sharing feature allows users to share content from the Reader to social networks and messaging platforms. Social Sharing is available from the Header Menu More and the Selection Tool. Users can share to popular platforms or copy a direct link to the content. Sharing can include the current reading position.
Accessing Social Sharing
From Header Menu More
Users can access sharing options through the Menu More button in the Header to share the entire publication.
From Selection Tool
When users select text, the Selection Tool displays a Share button that allows sharing the selected content along with a link to the specific location.
Available Sharing Channels
| Platform | Icon | Description |
|---|---|---|
| Facebook icon | Share to Facebook feed | |
| X (Twitter) | X icon | Post to X/Twitter |
| WhatsApp icon | Send via WhatsApp message | |
| WeChat icon | Share via WeChat (displays QR code) | |
| Copy URL | Link icon | Copy share link to clipboard |
Share Modal
When sharing is initiated, a modal dialog appears with sharing options.
Modal Contents
Header: Title showing "Share" text with close button
Platform List: Clickable rows for each sharing platform
Location Option: Checkbox to include current page/position in the share link
WeChat QR Code: When WeChat is selected, displays a QR code for scanning
Share With Location
A checkbox labeled with localized text allows users to include their current reading position in the share link.
For PDF/EPUB: "Share current page"
For Audiobook: "Share current position"
When enabled, the share URL includes a
locationparameter that opens the Reader at that specific position.
Sharing Behavior by Platform
Facebook
Opens Facebook share dialog in a new window.
Shared content: Publication title, description (truncated to 100 characters), and link.
X (Twitter)
Opens X/Twitter compose window in a new tab.
Shared content: Publication title, authors (if available), and link.
WhatsApp
Opens WhatsApp with pre-filled message.
Shared content: Publication title and link.
WeChat
Displays a QR code within the share modal.
Behavior: Users scan the QR code with their WeChat app to share.
Note: WeChat QR code view has a back button to return to the main share options.
Copy URL
Copies the share link directly to the clipboard.
Feedback: A toast notification confirms the URL was copied.
Message: Displays localized text:
localizations[lang].copyUrlToClipboard
Share URL Structure
The share URL includes the publication URL with optional parameters:
Standard Share
{issue.share_url || issue.issue_url}
Share with Location
{issue_url}?location={location_value}
| Content Type | Location Value |
|---|---|
| Current page number | |
| EPUB | Base64-encoded JSON of last location |
| Audiobook | Base64-encoded JSON of last location |
Share Article (Smart Zoom)
When sharing from Smart Zoom article view:
{issue_url}?article_id={article_id}
Native Share API
On devices that support the Web Share API (primarily mobile devices and some browsers), the Reader prefers the native share interface:
Behavior
Mobile Apps: Always use native share UI for better integration with device share sheets.
Desktop Browsers: Fall back to custom share modal since native share is not consistently supported.
Native Share Content
{
title: publication_title,
text: truncated_description (90 chars),
url: share_url_with_location
}
Sharing from Selection Tool
When users select text and tap the Share button in the Selection Tool:
Available Options
The same sharing platforms are available, plus additional clipboard options through the Copy menu.
Share URL
The share URL includes the current location, allowing recipients to open the Reader at the exact position where the selection was made.
Requirements
| Requirement | Description |
|---|---|
| Internet Connection | Sharing requires an active internet connection |
| Feature Enabled | Must be enabled for the tenant |
| Content Loaded | Publication must be loaded with valid URLs |
Audiobook Considerations
For audiobooks, the share modal has specific adaptations:
Position: On very wide screens (>1420px), the modal position is adjusted for better visual balance with the audiobook interface.
Location Text: "Share current position" instead of "Share current page"
Feature Availability
| Content Type | Social Sharing |
|---|---|
| ✅ | |
| EPUB | ✅ |
| Audiobook | ✅ |
| Network Status | Availability |
|---|---|
| Online | ✅ |
| Offline | ❌ |