feat: add custom event tracking

This commit is contained in:
rzmk 2025-09-18 10:13:03 -04:00
parent eba3619590
commit 54bb543aa6
2 changed files with 7 additions and 2 deletions

View file

@ -147,7 +147,8 @@ export const Hero = () => {
{platform === {platform ===
"windows" && ( "windows" && (
<div className="flex justify-center"> <div className="flex justify-center">
<a href="https://apps.microsoft.com/detail/xpffdj3f1jsztf?mode=full"> {/* Might not be an actual download, but store page clicked */}
<a data-rybbit-event="qsv_pro_download" data-rybbit-prop-platform="Microsoft Store" href="https://apps.microsoft.com/detail/xpffdj3f1jsztf?mode=full">
<img <img
src="https://get.microsoft.com/images/en-us%20light.svg" src="https://get.microsoft.com/images/en-us%20light.svg"
width="200" width="200"
@ -158,6 +159,8 @@ export const Hero = () => {
<a <a
key={index} key={index}
href={`https://github.com/dathere/qsv-pro-releases/releases/download/${name}/${download[1]}`} // Replace with actual download path href={`https://github.com/dathere/qsv-pro-releases/releases/download/${name}/${download[1]}`} // Replace with actual download path
data-rybbit-event="qsv_pro_download"
data-rybbit-prop-platform={download[0]}
className={`block lg:min-w-96 text-white font-bold py-2 px-4 rounded mt-4 ${ className={`block lg:min-w-96 text-white font-bold py-2 px-4 rounded mt-4 ${
platform === platform ===
OS OS

View file

@ -165,6 +165,8 @@ export const Pricing = () => {
: "https://store.dathere.com/checkout/buy/88fed582-ffd4-41e0-a94e-457fdd038130" : "https://store.dathere.com/checkout/buy/88fed582-ffd4-41e0-a94e-457fdd038130"
} }
target="_blank" target="_blank"
data-rybbit-event="qsv_pro_purchase"
data-rybbit-prop-plan="Pro"
> >
<div className="inline-block text-center py-2 px-4 w-full custom-button-colored leading-loose transition duration-200"> <div className="inline-block text-center py-2 px-4 w-full custom-button-colored leading-loose transition duration-200">
Start 30-day free trial Start 30-day free trial
@ -205,7 +207,7 @@ export const Pricing = () => {
</li> </li>
))} ))}
</ul> </ul>
<a href="https://dathere.com/contact"> <a href="https://dathere.com/contact" data-rybbit-event="qsv_pro_purchase" data-rybbit-prop-plan="Business">
<div className="inline-block text-center py-2 px-4 w-full custom-button-colored leading-loose transition duration-200"> <div className="inline-block text-center py-2 px-4 w-full custom-button-colored leading-loose transition duration-200">
Contact us Contact us
</div> </div>