1 of 87

Chen Qingwen

GA Operations Basics (1)

Two types of real-time reports

2 of 87

Unit Outline

  • 1. The Working Principle of GA
  • 2. Overall structure of GA accounts
  • 3. Three tasks for operating a GA account
  • 4. Apply for an account on the GA platform and set up resources.
  • How can our website hw4 be integrated with GA4?
  • 6. Check if the GA4 code has been installed successfully?
  • 7. Integrate our website hw3 with GA4.

​

​

​

3 of 87

1. The working principle of GA (Genetic Algorithms)

4 of 87

1. The working principle of GA

  • ◉ Google Analytics code analysis primarily uses page tagging tracking technology for data collection.
  • We can apply specific tracking codes to individual web pages or to every page. This way, when users visit the website, their browsing information will be captured by the Google Analytics tracking code.
  • This set of tracking codes will track the actions performed by visitors on each page.
  • Please send the data to the GA database.
  • Finally, various reports are presented in GA (Google Analytics).

​

5 of 87

1. The Working Principle of GA

  • Please place the Google Analytics tracking code in the <HEAD> section of the webpage.
  • Thus, it acts like a "monitor," tracking the behavior of visitors on the website.

​

6 of 87

1. The Working Principle of GA

7 of 87

☎ Important Concept:

​

2. Overall Structure of GA Accounts

8 of 87

Please translate the following content into English, maintaining the original context and professional terminology:�2. The account structure of GA�GA has both a new version and an old version.

  • Old version GA: Universal Analytics, Universal Analytics
  • The new version of GA: GA4, Google Analytics 4

9 of 87

2. GA Account Structure�Currently, it is only necessary to review the new version, GA4.

  • 【Account】: A company that applies for one GA (Google Analytics) account.
  • 【Resources】: A company with multiple brands; for three brands, establish three resources (three different websites).
  • 【Data Streams】: One brand can set up to three data streams: Website, iOS App, Android App.

​

​

10 of 87

☎ Important Concept:

​

3. Operating GA (Google Analytics) accounts

Three jobs

11 of 87

Three Tasks for Operating a GA Account

12 of 87

Three Tasks for Operating a GA Account

  • Job 1: Establish a brand website, which involves creating a resource platform.
  • Job 2: Set up the sources of online customer traffic related to this brand's website (website URL, App).
  • Job 3: Configure relevant settings (network data retention for 3 months...)

​

13 of 87

4. To the GA platform

Apply for an account, establish resources.

14 of 87

Latest Updates to Google Analytics

  • Log in to your Gmail account
  • Please visit the GA website.
    • The text you provided, "https://analytics.google.com/", is a URL and not a passage of text. This URL directs to Google Analytics, which is a web analytics service offered by Google that tracks and reports website traffic. It's already in English and does not require translation. If you have specific content from the Google Analytics website that you need translated, please provide the text.
    • The previous "Conversion" has been renamed to "Significant Event".

15 of 87

Please apply for Google Analytics.

  • Log in to your Gmail account
  • Please visit the GA website.
    • The text you've provided, "https://analytics.google.com/", appears to be a URL for Google Analytics, which is a web analytics service offered by Google that tracks and reports website traffic. Since it's a proper noun and a specific service name, it does not require translation and remains the same in English.
    • The previous "Conversion" has been renamed to "Significant Event".

16 of 87

Newly amended

17 of 87

4. Visit the GA website

Apply for an account, establish resources

18 of 87

Apply for a GA account, Method 1:�For beginners, start with "Begin Assessment".

19 of 87

Apply for a GA account, Method 2:�For returning students who need to add ➜ Gear [Manage]

  • In the bottom left corner, click "Manage" ➜ "Create" ➜ "Account"

20 of 87

Apply for GA in 5 Steps: 1 - Set up an account

  • Account: Individual Name (or Company Name)

21 of 87

Apply GA in 5 Steps: 2 - Establish Resources

  • Resource: Brand Name (or Website Name)
  • 請提供需要翻譯的具體內容，以便我能夠協助您進行翻譯。
  • Company: Uni-President Enterprises Corporation
    • Brand:
      • Unified Supermarket (7-Eleven)
      • Uni Orange Drink
      • Dream Mall Shopping Center (Dream Mall)
  • Company: HTC
    • Brand:
      • HTC
      • VIVE (Virtual Reality Equipment)

22 of 87

Resource Name: Should be the company's brand name�Course Implementation: web4

23 of 87

Step 3: Merchant Details

24 of 87

Step 4: Business Objectives

  • Setting Your Goals for Using GA4
  • If you choose to report the form
  • Everything else is included.

25 of 87

Complete the 5 Steps

  • To integrate GA4 with brand assets, a maximum of three integrations is allowed.
    • Website, Android App, iOS App

26 of 87

5. Our website hw4

How to Integrate with GA4

27 of 87

5. How does our website integrate with GA4?

  • Step 1: Example 4 website has been completed and uploaded to GitHub.
    • The URL of the website is already known: https://ccwntut.github.io/hw4/

​

28 of 87

5. How does our website integrate with GA4?

  • Step 2. Go to the GA4 platform website,
  • 【Gear Management】
  • ➜【Account】
  • ➜【Resource: web4】
  • Data Streaming

​

29 of 87

Data Streaming ➜ Select [Website]

30 of 87

Enter URL: Which domain should be used?

  • Note: Which of the following should be placed here?
    • Directory Domain: ccwntut.github.io
    • Subdirectory domain: ccwntut.github.io/hw4
    • Which one is correct?
  • 請提供需要翻譯的具體內容。您提供的指示中沒有包含任何可翻譯的文本。
    • Incorrect format: ccwntut.github.io/hw4/

​

  • Streaming Name: web4
    • The name must be at least 4 letters long.
    • Error: hw4
    • Correct: hw-4

31 of 87

Enter URL: Which domain should be used?

  • The URL is set to ccwntut.github.io/hw4
    • GA4 can only track traffic under the directory hw4.
    • and unable to track other parts of your website

​

  • The URL is set to ccwntut.github.io
    • GA4 can track all the traffic across your entire website.

32 of 87

Please translate the following content into English, maintaining the original context and professional terminology:�Establishing Data Streaming�ccwntut.github.io/hw4

33 of 87

Step 3: Copy the Google code into the <head> section of each webpage.

34 of 87

Open the web pages for hw4 under index/a1/a2/a3/a4 and paste the GA4 code.

35 of 87

Please open the web pages for hw4 under index/a1/a2/a3/a4 and paste the GA4 code.

36 of 87

Open the web pages for hw4 under index/a1/a2/a3/a4, and paste the GA4 code.

  • Please translate the following content into English, maintaining the original context and professional terminology:�Attention:
    • A single webpage can only accommodate one GA4 code.
    • If two are placed, an error will occur.

37 of 87

Please re-upload the web pages for hw4, including index/a1/a2/a3/a4, to GitHub.

38 of 87

6. Check if the GA4 code has been installed successfully?

39 of 87

6. Check if the GA4 code is installed successfully?

  • Method 1: Using GA4 Real-Time Reports for Viewing
  • Method 2: Use Google Tag Assistant for testing and verification.

40 of 87

Method 1: Using GA4 Real-Time Reports for Viewing

Method 2: Use Google Tag Assistant for testing and verification.

41 of 87

Method 1: Using GA4 Real-Time Reports for Viewing

  • Step 1: First, go to the GA4 platform:
    • 【Top Left Corner Menu】 ➜ 【Reports】 ➜ 【Real-Time Reports】 ➜ Currently 0 people in the last 30 minutes

42 of 87

Method 1: Using GA4 Real-Time Reports for Viewing

  • Step 2: Go to the website of Example 4:
    • The content you provided, "ccwntut.github.io/hw4," appears to be a URL and does not contain any specific text that can be translated. It remains the same in English as it is not language-specific but a web address.
    • Perform the action of "web browsing".
    • 【Button Click】Action
  • Early GA (Genetic Algorithms),
    • After a webpage is viewed/clicked, it takes 5 minutes for GA4 to display the data.
  • 目前的文本不完整，請提供完整的句子或段落以便進行準確翻譯。
    • After a webpage is viewed/clicked, it takes 16 seconds for GA4 to display the data (some of this time is actually the processing time on Github).

43 of 87

Step 3: Return to the GA4 platform:�【Top left Menu】 ➜ 【Reports】 ➜ 【Real-time Reports】

44 of 87

Step 3: Return to the GA4 platform:�【Menu in the top left corner】 ➜ 【Reports】 ➜ 【Real-time reports】

  • Number of active users in the past 30 minutes: 1
  • Number of active users in the past 5 minutes: 1
  • User segmentation based on: the original source of user acquisition #1-

​

​

45 of 87

Step 3: Return to the GA4 platform:�【Top Left Menu】 ➜ 【Reports】 ➜ 【Real-Time Reports】

46 of 87

7. Various Events and Parameters in GA4

47 of 87

Please translate the following content into English, maintaining the original context and professional terminology:�Various events and parameters of GA4 [Real-time Overview] ➜ Active user count, number of viewers

  • Active Users: The number of "users with unique User IDs"
  • Pageviews: The number of views of a page

​

48 of 87

Please translate the following content into English, maintaining the original context and professional terminology:�Various events and parameters of GA4 【Real-time Overview】➜ Various Events

  • page_view (page views) = 9
    • Viewed 9 times
  • user_engagement = 7
    • There were 7 user interactions (lasting more than 10 seconds, or switching from webpage A to webpage B). This reflects the level of user engagement on the website.
  • first_visit (首次訪問) = 1:
    • A new user visited the website for the first time, reflecting an increase in new users.
  • session_start (Visit Start):
    • This event is automatically triggered every time a user visits the website, marking the start of a new visit.
    • If a user does not perform any actions within 30 minutes, GA will automatically consider the session to have ended.
    • This event can be used to track the total number of visits.

49 of 87

Please translate the following content into English, maintaining the original context and professional terminology:�Various Events and Parameters in GA4 [Real-time Overview] ➜ Various Events

  • page_view (page views) = 9
    • Browsed 9 times
  • user_engagement = 7
    • There were 7 user interactions (lasting more than 10 seconds, or switching from webpage A to webpage B). This reflects the level of user engagement on the website.
  • first_visit (首次訪問) = 1:
    • A new user visited the website for the first time, reflecting an increase in new users.
  • session_start (Visit Start):
    • This event is automatically triggered each time a user visits the website, marking the start of a new visit.
    • If a user does not interact within 30 minutes, GA will automatically consider the session to have ended.
    • This event can be used to track the total number of visits.

50 of 87

Translate the following content into English, maintaining the original context and professional terminology:�Custom events in GA4 [Real-time Overview] ➜ Various Events

  • add_line(Click to join the LINE group button)=1:
    • A user has joined the company's Line group once.

51 of 87

Please translate the following content into English, maintaining the original context and professional terminology:�Important Events (Conversions) in GA4 [Real-time Overview] ➜ Important Events

  • add_line(Click to join the LINE group button)=1:
    • In the total number of website visitors, how many significant conversion events occurred, one of which is joining LINE.

52 of 87

​

What is the conversion rate in e-commerce?

Conversion Rate

53 of 87

What is the GA4 conversion rate for an e-commerce website?

  • In e-commerce websites, the conversion rate of GA4
    • Conversion Rate
    • Refers to the percentage of users who complete a specific goal (usually a purchase or other valuable action).
  • This indicator measures the website's performance.
    • The effectiveness of attracting visitors and prompting them to perform valuable actions (such as placing orders, registering),
  • Reflects the website's [success and efficiency].

54 of 87

The method of calculating e-commerce conversion rate in GA4

  • Purchase conversion rate, calculation formula:
    • Purchase Conversion Rate = (Number of Significant Purchase Events / Total Number of Visitors) * 100%
  • Other valuable conversion behaviors
    • Add to Cart, Subscribe to Newsletter, Register Account, Place Order
  • Could you please tell me which parameter refers to the total number of visitors?

55 of 87

Method 1: Using GA4 Real-Time Reports for Viewing

Method 2: Using Google Tag Assistant for Testing and Checking

56 of 87

Method 2: Use Google Tag Assistant to conduct test checks.

  • 1. Go to the Google search engine and enter:
    • Google Tag Assistant
    • 對不起，我無法直接訪問或翻譯網站內容。但是，如果您提供具體的文本或段落，我可以幫助您翻譯。請將需要翻譯的文本粘貼在這裡。
    • Add Domain

​

57 of 87

Method 2: Using Google Tag Assistant for Testing and Checking

  • Add Domain
    • 對不起，我無法直接訪問網址或網頁內容。請將需要翻譯的文本直接貼在這裡，我將很樂意幫助您進行翻譯。

​

58 of 87

Domain -> Google Tag Assistant is now connected

59 of 87

Compare two web pages side by side: Scroll/click on the hw4 webpage ➜ Observe the real-time response from Google Tag Assistant.

60 of 87

Please translate the following content into English, maintaining the original context and professional terminology:�Scrolling through the webpage a1.html ➜ Google Tag Assistant registers a Scroll event.

61 of 87

Click on the hyperlink to a2.html ➜ Google Tag Assistant records a link click and a window load event.

62 of 87

In a5.html, click on the custom event ➜ Google Tag Assistant records an "add_line" event.

63 of 87

Please translate the following content into English, maintaining the original context and professional terminology:�7. Link our website hw3

Integrate with GA4

64 of 87

8. To the GA 4 platform

Select your account, create a web3 resource.

65 of 87

Gear [Management]

  • In the lower left corner, go to "Manage" ➜ "Create" ➜ "Resources".

66 of 87

Creating New Resources: Web3

67 of 87

Please directly set the [Data Streaming] -> Website

68 of 87

69 of 87

Please translate the following content into English, maintaining the original context and professional terminology:�Establishing Data Streaming�ccwntut.github.io/hw3

  • Streaming Name: web3

70 of 87

Copy the code to the directory hw3/index/a1/a2/a3/a4.

71 of 87

Copy the code to the directory hw3/index/a1/a2/a3/a4.

72 of 87

Please re-upload the web pages for hw3, including index, a1, a2, a3, and a4, to GitHub.

73 of 87

Back to the GA4 platform: Has the code been successfully installed for testing?

  • The system has correctly detected the Google code on your website.

74 of 87

75 of 87

6. Check if the GA4 code has been installed successfully?

  • Method 1: Using GA4 Real-Time Reports for Viewing
  • Method 2: Using Google Tag Assistant for Testing and Checking

76 of 87

Method 1: Using GA4 Real-Time Reports for Viewing

Method 2: Use Google Tag Assistant for testing and verification.

77 of 87

Method 1: Using GA4 Real-Time Reports for Viewing

  • Step 1: First, go to the GA4 platform:
    • 【Top Left Corner Menu】 ➜ 【Reports】 ➜ 【Real-Time Reports】 ➜ Currently 0 people within 30 minutes

78 of 87

Method 1: Using GA4 Real-Time Reports for Viewing

  • Step 2: Go to the website of Example 4:
    • The content you provided, "ccwntut.github.io/hw3," appears to be a URL and does not contain any specific text that can be translated into English. It is already in a standard format that is universally understood. If you need translation for any content at that URL or have other specific text to be translated, please provide the text.
    • Perform "web browsing" action.
    • 【Button Click】Action
    • In the early versions of GA, after a webpage was browsed or clicked, it would take 5 minutes before the data appeared in GA4.

79 of 87

Step 3: Return to the GA4 platform:�【Top left corner Menu】 ➜ 【Reports】 ➜ 【Real-time Reports】

80 of 87

Method 1: Using GA4 Real-Time Reports for Viewing

Method 2: Use Google Tag Assistant for testing and verification.

81 of 87

Method 2: Use Google Tag Assistant for testing and verification.

  • 1. Go to the Google search engine and enter:
    • Google Tag Assistant
    • Add Domain

​

82 of 87

Method 2: Use Google Tag Assistant for testing and verification.

  • Add Domain
    • 對不起，我無法直接訪問或翻譯網頁鏈接內容。如果您能提供具體的文字或段落，我可以幫助翻譯。

​

83 of 87

Domain -> Google Tag Assistant is now connected.

  • Tag Assistant cannot be "disabled" or "finished."

84 of 87

Compare two web pages side by side: Scroll/click on the hw4 webpage ➜ Observe the real-time response from Google Tag Assistant.

85 of 87

Please translate the following content into English, maintaining the original context and professional terminology:�Scrolling through the webpage a1.html ➜ Google Tag Assistant detects a Scroll event.

86 of 87

9. Conclusion

87 of 87

Conclusion: Steps to Apply for a GA Website Account and Set Up Resources

  • Please apply for Google Analytics.
  • Embed the tracking code into the webpage according to the setup method.
  • Interpreting Google Analytics tracking code reports (related statistical information)