Analytics

Getting the Tracking Code

• Access Google Analytics, create a web data stream, and obtain the tracking code starting with "G-". For the stream URL, enter Judge's main URL such as https://judge-hub.com.

  For detailed instructions, please refer to the official website.

  info There's no need to add tags or perform additional operations. Just obtaining the tracking code is sufficient.

Setting Up the Tracking Code

• Go to My Page > Create Quiz screen, and click the Metadata Settings button. Set and save the Google Analytics 4 tracking code starting with "G-". Note: This is not the older Universal Analytics tracking code starting with "UA-".

  Tracking codes can be set individually for each quiz, not on a user basis.

  

  info Tracking will not occur for embedded content publication, even if the tracking code is set. By configuring settings for embedded content as described later, unique event data can be captured in the Google Analytics account of the embedding site.

  info Tracking will not occur in design template test mode, even if the tracking code is set.

Captured Events

• Standard Events These include page views, scrolls, user attributes, and other items captured by Google Analytics' default settings.
• Custom Events In Judge, custom events such as displaying quiz results can be captured. These include content IDs, template names, the selection paths leading to quiz results, and the number of clicks on link buttons placed at the end.

  * Unlike real-time data, custom event data may take several hours to a day to appear in reports.

[Steps for Embedding a Quiz]

If you embed a quiz on your own website, you can capture custom event data by following the steps below.

---

1. Go to My Page > Create Quiz screen, and click the Metadata Settings button. Register the embedding site's URI in the input field provided.

   The URI should follow the format https:// + domain name, such as https://example.com.

   Note: This is not a URL. Registering the URL of the embedding page will not work.

   

2. Next, add the following script to the head tag of the site where the quiz will be embedded.

   This script allows the parent site to receive event data sent from the embedded quiz and transmit it to Google Analytics.

   Ensure that the Google Analytics tracking code is already configured on the parent site beforehand.

   ---

   <script>window.addEventListener('message',a=>{if('https://embed.judge-hub.com'===a.origin&&a.data&&'Judge'===a.data.event){var t=a.data;gtag('event',t.data.eventName,{items:t.data.items})}});</script>

   ---

Verifying Tracking

• Access Google Analytics and navigate to Real-Time from the left menu. Proceed to Real-Time Overview to verify if data is being captured.

  info Google Analytics cannot collect data in browsers configured to block cookies, such as Firefox private windows. Use a browser like Chrome in regular mode for verification.

• If tracking is not working, troubleshoot using the quiz below.

Analyzing Link Buttons in Quiz Results

• Track the view count and click count for "Link URL" buttons added to quiz results.

  Access Google Analytics, select the property corresponding to the tracking code registered for the quiz. Navigate to Explore.

  Create a new exploration, add dimensions like Item ID and Item Name, and include them in rows. Add metrics such as Item Viewed and Item Clicked in List, and register them for analysis.

  
  

  The definitions for each field are as follows:

  Item ID: The URL of the link button added to quiz results.

  Item Name: The name of the link button added to quiz results.

  Item Viewed: The number of times quiz results were displayed.

  Item Clicked in List: The number of clicks on the link button added to quiz results.

  With these steps, you can easily understand the relationship between the view count and click count for each destination URL and link name.

Analyzing Selection Paths to Quiz Results

• Analyze the selection paths visitors took to reach quiz results.

  Access Google Analytics, select the property corresponding to the tracking code registered for the quiz. Navigate to Explore and proceed to Data Exploration.

  Create a new exploration, add dimensions like Item Brand and Item Category 4, and include them in rows. Add metrics such as Item Viewed and Item Clicked in List, and register them for analysis.

  
  

  The definitions for each field are as follows:

  Item Brand: The content ID of the quiz. Content IDs are listed on the Quizzes screen.

  Item Category 4: Displays the selection path as a hyphen-separated string of option IDs, showing the order in which options were chosen to reach the result.

  Item Viewed: The number of times quiz results were displayed.

  Item Clicked in List: The number of clicks on link buttons added to quiz results.

  For example, in the chart above, the string 0-3-7 in the Item Category 4 column indicates that the visitor selected option IDs 0, 3, and 7 in that order, leading to 412 views and 378 clicks on the quiz result for that path.

  Next, use the flowchart feature on the Create Questions/Options screen to display option IDs.

  Toggle the Flowchart switch at the top of the screen to ON and switch to the flowchart view. Then, open the settings screen with the edit button and select ID & Title from the Text of Options menu.

  

  As shown above, IDs and titles are displayed on the flowchart, allowing you to compare the information displayed in Google Analytics with the flowchart to analyze which paths are most frequently chosen.