mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-27 09:35:56 -05:00
Send analytics event when the donate button in the banner is clicked.
This commit is contained in:
parent
d6e2a43b92
commit
cdee0e74f9
1 changed files with 17 additions and 2 deletions
|
@ -8,8 +8,23 @@ const Button = require('../../../components/forms/button.jsx');
|
|||
|
||||
require('./donate-banner.scss');
|
||||
|
||||
const donateURL = 'https://secure.donationpay.org/scratchfoundation';
|
||||
|
||||
const navigateToDonatePage = () => {
|
||||
window.location = 'https://secure.donationpay.org/scratchfoundation';
|
||||
window.location = donateURL;
|
||||
};
|
||||
|
||||
// Following the example in the Google Analytics doc here to track
|
||||
// clicks going out to the donate page from this banner:
|
||||
// https://support.google.com/analytics/answer/1136920?hl=en
|
||||
const captureOutboundLinkToDonate = () => {
|
||||
// `ga` is a global we have thanks to src/template.ejs
|
||||
// use this to send a tracking event for this outbound link
|
||||
// eslint-disable-next-line no-undef
|
||||
ga('send', 'event', 'outbound', 'click', donateURL, {
|
||||
transport: 'beacon',
|
||||
hitCallback: navigateToDonatePage
|
||||
});
|
||||
};
|
||||
|
||||
const DonateTopBanner = ({
|
||||
|
@ -28,7 +43,7 @@ const DonateTopBanner = ({
|
|||
<Button
|
||||
className="donate-button"
|
||||
key="add-to-studio-button"
|
||||
onClick={navigateToDonatePage}
|
||||
onClick={captureOutboundLinkToDonate}
|
||||
>
|
||||
<FormattedMessage id="general.donate" />
|
||||
</Button>
|
||||
|
|
Loading…
Reference in a new issue