Available on: Mini plan and above (Legacy plan: Starter plan and above)
Important:
The steps shown in this article use an external tool. Our chat support team can't help with the tool's behavior, specifications, or any setup not covered in this article. For help, try searching for similar cases or posting a question in the Studio.Design Community.
Screens and setup steps may change over time and may differ from what's shown here. Please check the latest information yourself before use, and contact Google Analytics directly if needed.
Use case
Here's one way to track Studio.Design form submissions as key events in Google Analytics.
Goal: Track how often your form is submitted
Method: Set the Thank You page (shown after form submission) as a key event
Note: The method described here won't work correctly if your Thank You message is a modal instead of a separate page.
(1) Before you start: Connect the App
Make sure you've connected Studio.Design with Google Analytics through Apps integration. For details, see How to connect Google Analytics.
(2) Create and set up your Thank You page
Follow the article below to create a Thank You page and link it to your form.
For this example, set the page path to "thankyou".
(3) Set up the event in Google Analytics
* These steps are based on [GA4] Tutorial: Set up key events.
Sign in to Google Analytics.
Under [Admin] > [Data display], click [Events].
Click [+ Create event].
Enter a name in the [Event name] field.
In this example, we'll use the recommended event "generate_lead". Enter "generate_lead", then toggle the [Mark as key event] switch if needed.
Under [Choose how to create the event], select [Create without code].
Click [Show more options].
Enter the first matching condition.
For this example, enter "event_name", "equals", "page_view".
Enter a second matching condition.
For this example, enter "page_location", "equals", "https://exsample.com/thankyou".
In the parameter settings, click [Add modification].
When using a recommended event, Google Analytics will treat it as a custom event unless all required parameters are defined.For this example, enter the parameter "value" and the value "100" in the first row to define the lead value. In the second row, enter the parameter "currency" and the value "JPY".
Click [Save] in the top right.
Click [Create] in the top right.
(4) Mark the event as a key event
The new event isn't treated as a key event in Analytics by default, so you need to mark it as one.
Under [Admin] > [Data display], click [Events].
Click the star next to the event name you want to mark as a key event.
(5) Test it out
Submit a test entry through your Studio.Design form, then check the Google Analytics real-time report to confirm the key event is being tracked.
That's it! You can now track Studio.Design form submissions as key events in Google Analytics.