sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Track when users share videos on social media platforms for better insights

Browse Source 
Adds console logs to track clicks on Facebook, Twitter, and WhatsApp share buttons in VideoModal.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 11420304-80a9-4ef2-adff-cbdaa418ffa8
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/11420304-80a9-4ef2-adff-cbdaa418ffa8/MgTHVZ0
This commit is contained in:
sebastjanartic 2025-08-05 06:19:11 +00:00
parent d5e93edd22
commit bc1b2e5221
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/src/components/video-modal.tsx
View File

@ -321,6 +321,7 @@ export default function VideoModal({ video, isOpen, onClose }: VideoModalProps)
<FacebookShareButton <FacebookShareButton
url={getShareUrl()} url={getShareUrl()}
hashtag="#video" hashtag="#video"
onClick={() => console.log('Facebook share clicked:', getShareUrl())}
> >
<div className="flex items-center gap-2 p-2 w-full hover:bg-gray-100 dark:hover:bg-gray-700 rounded cursor-pointer"> <div className="flex items-center gap-2 p-2 w-full hover:bg-gray-100 dark:hover:bg-gray-700 rounded cursor-pointer">
<FacebookIcon size={20} round /> <FacebookIcon size={20} round />
@ -331,6 +332,7 @@ export default function VideoModal({ video, isOpen, onClose }: VideoModalProps)
<TwitterShareButton <TwitterShareButton
url={getShareUrl()} url={getShareUrl()}
title={`Watch: ${video.title}`} title={`Watch: ${video.title}`}
onClick={() => console.log('Twitter share clicked:', getShareUrl())}
> >
<div className="flex items-center gap-2 p-2 w-full hover:bg-gray-100 dark:hover:bg-gray-700 rounded cursor-pointer"> <div className="flex items-center gap-2 p-2 w-full hover:bg-gray-100 dark:hover:bg-gray-700 rounded cursor-pointer">
<TwitterIcon size={20} round /> <TwitterIcon size={20} round />
@ -341,6 +343,7 @@ export default function VideoModal({ video, isOpen, onClose }: VideoModalProps)
<WhatsappShareButton <WhatsappShareButton
url={getShareUrl()} url={getShareUrl()}
title={`Watch: ${video.title}`} title={`Watch: ${video.title}`}
onClick={() => console.log('WhatsApp share clicked:', getShareUrl())}
> >
<div className="flex items-center gap-2 p-2 w-full hover:bg-gray-100 dark:hover:bg-gray-700 rounded cursor-pointer"> <div className="flex items-center gap-2 p-2 w-full hover:bg-gray-100 dark:hover:bg-gray-700 rounded cursor-pointer">
<WhatsappIcon size={20} round /> <WhatsappIcon size={20} round />