Skip to content

Add click tracking request for downloads #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
cristian-tamblay merged 3 commits into from
Mar 20, 2026
Merged

Add click tracking request for downloads #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e185dfc
feat(download): add tracking for download button clicks and improve d…
Irozuku Mar 11, 2026
a8d8681
fix(deploy): add environment variable for tracker URL in build job
Irozuku Mar 12, 2026
9b6fb1b
Merge branch 'main' into download-track
Irozuku Mar 16, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .github/workflows/deploy.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,8 @@ concurrency:
jobs:
build:
runs-on: ubuntu-latest
env:
NEXT_PUBLIC_TRACKER_URL: ${{ vars.NEXT_PUBLIC_TRACKER_URL }}
steps:
- name: Checkout
uses: actions/checkout@v4
Expand Down
26 changes: 21 additions & 5 deletions components/download-section.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ import { useTranslation } from "react-i18next"

const downloads = [
{
id: "mac_intel",
icon: Package,
key: "macIntel",
defaultPlatform: "macOS Intel processors",
Expand All @@ -16,6 +17,7 @@ const downloads = [
link: "https://dashai.nyc3.cdn.digitaloceanspaces.com/executables/DashAI-launcher-cpu-x86_64",
},
{
id: "mac_arm",
icon: Package,
key: "macArm",
defaultPlatform: "macOS ARM processors",
Expand All @@ -25,6 +27,7 @@ const downloads = [
link: "https://dashai.nyc3.cdn.digitaloceanspaces.com/executables/DashAI-launcher-cpu-arm64",
},
{
id: "windows",
icon: Package,
key: "windows",
defaultPlatform: "Windows",
Expand All @@ -35,6 +38,19 @@ const downloads = [
},
]

const TRACKER_URL = process.env.NEXT_PUBLIC_TRACKER_URL

async function trackClick(buttonId: string) {
if (!TRACKER_URL) return
try {
await fetch(`${TRACKER_URL}/click/${buttonId}`, {
method: "POST",
})
} catch {
// non-blocking — don't let tracking errors affect the download
}
}

export function DownloadSection() {
const { t } = useTranslation()
return (
Expand All @@ -57,7 +73,7 @@ export function DownloadSection() {

<div className="max-w-5xl mx-auto">
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
{downloads.map((download, index) => {
{downloads.map((download) => {
const Icon = download.icon
const platform = t(`download:cards.${download.key}.platform`, {
defaultValue: download.defaultPlatform,
Expand All @@ -81,12 +97,12 @@ export function DownloadSection() {
</p>
<p className="text-xs text-muted-foreground font-mono">{format}</p>
</div>
<Button
className="w-full bg-primary hover:bg-primary/90 text-primary-foreground cursor-pointer"
<Button
className="w-full bg-primary hover:bg-primary/90 text-primary-foreground cursor-pointer"
size="sm"
asChild
>
<a href={download.link} download>
<a href={download.link} download onClick={() => trackClick(download.id)}>
<Download className="mr-2 h-4 w-4" />
{t("download:button", { defaultValue: "Download" })}
</a>
Expand Down Expand Up @@ -124,4 +140,4 @@ export function DownloadSection() {
</div>
</section>
)
}
}
Loading