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

Add advertisements to the recommended videos section

Browse Source 
Integrate AdSense ads into the VideoPage, displaying them after the 5th and 10th recommended videos using the `AdSenseAd` component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/sMbpUIe
This commit is contained in:
sebastjanartic 2025-09-28 14:08:27 +00:00
parent 73fc64bb34
commit 75d6cc61f4
1 changed files with 33 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
client/src/pages/VideoPage.tsx
View File

@ -788,15 +788,39 @@ export default function VideoPage() {
<h2 className="text-lg font-semibold text-bunny-light mb-4">Empfohlene Videos</h2>
<div className="space-y-2">
{recommendedVideos.slice(0, 10).map((video) => (
<div
key={video.id}
onClick={() => {
const shortId = video.id.replace(/-/g, '').substring(0, 8);
setLocation(`/video/${shortId}`);
}}
className="flex gap-3 p-2 bg-bunny-gray/30 hover:bg-bunny-gray/50 rounded-lg cursor-pointer transition-colors"
>
{recommendedVideos.slice(0, 15).map((video, index) => (
<div key={video.id}>
{/* Insert ad after 5th video */}
{index === 5 && (
<div className="w-full flex justify-center py-4 mb-2">
<AdSenseAd
adSlot="8989519684"
width={300}
height={250}
className="w-full max-w-[300px]"
/>
</div>
)}
{/* Insert ad after 10th video */}
{index === 10 && (
<div className="w-full flex justify-center py-4 mb-2">
<AdSenseAd
adSlot="8989519684"
width={300}
height={250}
className="w-full max-w-[300px]"
/>
</div>
)}
<div
onClick={() => {
const shortId = video.id.replace(/-/g, '').substring(0, 8);
setLocation(`/video/${shortId}`);
}}
className="flex gap-3 p-2 bg-bunny-gray/30 hover:bg-bunny-gray/50 rounded-lg cursor-pointer transition-colors"
>
<div className="relative w-24 h-16 bg-gray-700 rounded overflow-hidden flex-shrink-0">
<img
src={video.thumbnailUrl}