Available on: Mini plan and above (Legacy plan: Starter plan and above)
Note: About third-party tool specifications
The content introduced in this article involves implementation using third-party tools. Studio.Design's chat support cannot assist with tool specifications, behavior, or any implementations not covered in this article. Please consider searching for examples or posting questions in the Studio.Design Community.
Screens and setup steps may change and could differ from what's described in this article. Please check the latest information yourself and contact Google Analytics directly if needed.
Creating key events in Studio.Design
Once your Studio.Design project is connected to GA and Google account authentication is complete, you'll be able to do the following directly in Studio.Design:
Create, delete, and set up key events
Check conversions and the number of key events set up
For detailed steps, see the article below.
Creating key events in GA
Here's how to create key events in GA.
As an example, we'll show you one way to measure Studio.Design form submissions as a key event.
Goal: Track form submission activity
Method: Set the visit to the Thank You page (displayed after form submission) as a key event
Note: With the method described in this article, if your Thank You screen is a "modal" rather than a "page," it won't be tracked correctly.
(1) Preparation: Connect the app
Make sure the Google Analytics app connection with Studio.Design is complete. For details on how to connect, see How to connect Google Analytics.
(2) Create and configure the Thank You page
Follow the article below to create a Thank You page and connect it to your form.
In this example, set the page path to "thankyou."
(3) Set up the event in Google Analytics
* Based on [GA4] Tutorial: Set up a key event.
Sign in to Google Analytics.
Under [Admin] > [Data display], click [Events].
Click [+ Create event].
Enter an event name under [Event name]. In this example, enter the recommended event "generate_lead."
If you want to treat this event as a key event from the start, click the toggle next to [Mark as key event]. If you're still testing and don't want to mark it as a key event yet, you can do this later.
Under [Choose how to create the event], select [Create without code].
Click [Show more options].
Under matching conditions, enter the first condition.
In this example, enter "event_name," "equals," "page_view."
Enter the second matching condition.
In this example, enter "page_location," "equals," "https://exsample.com/thankyou."
In the parameter settings section, click [Add modification].
When using recommended events, Google Analytics specifies that failing to define each required parameter will cause the event to be treated as a custom event.In this example, enter the parameter "value" and the value "100" on the first line to define the value of the lead. On the second line, enter the parameter "currency" and the value "JPY."
Click [Save] in the top right of the screen.
Click [Create] in the top right of the screen.
(4) Mark the event as a key event
If you didn't mark it as a key event in step 5 of (3), this event won't be treated as a key event yet. To have it measured as a key event, you need to mark it as one.
Under [Admin] > [Data display], click [Events].
Click the star next to the name of the event you want to mark as a key event.
(5) Test it out
Submit a test entry through your Studio.Design form and check the Google Analytics real-time report to confirm the key event is being tracked.
With these steps, you can now measure Studio.Design form submissions as a key event in Google Analytics.