Add an advertisement to the bottom of the blog's homepage

Integrate an AdSense ad unit next to the WideCard component in the last row of the home page grid.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: df8ba14f-56d8-418a-9c57-10bb0e24a2d8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/0ZGabQy
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-02-28 22:32:17 +00:00
parent 1b5ca5aaca
commit 869aa7c611
2 changed files with 8 additions and 3 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 241 KiB

View File

@ -541,9 +541,14 @@ export default function Home() {
: null
)}
{ri === gridRows.length - 1 && widePickedArticles.length > 0 && (
<div className="sm:col-span-2">
<WideCard article={widePickedArticles[0]} focalPoints={focalPoints} />
</div>
<>
<div className="sm:col-span-2">
<WideCard article={widePickedArticles[0]} focalPoints={focalPoints} />
</div>
<div className="sm:col-span-2 flex items-center justify-center">
<AdSense slot="bottom-grid" className="w-full h-full min-h-[250px]" />
</div>
</>
)}
</div>
))}