Notification

This article is about Looker Studio. For Looker documentation, visit https://cloud.google.com/looker/docs/intro.

ขณะนี้หน้าที่คุณขอยังไม่พร้อมให้บริการในภาษาของคุณ คุณสามารถเลือกภาษาอื่นได้ที่ด้านล่างของหน้าหรือแปลหน้าเว็บใดๆ ให้อยู่ในภาษาที่คุณต้องการได้ทันที โดยใช้คุณลักษณะการแปลภาษาในตัวของ Google Chrome

Tutorial: Create a new report

Follow these steps to create a simple Google Analytics report.

Creating reports in Looker Studio is easy! In this tutorial, you'll build a useful and attractive report in just a few steps.

Let's get started!

In this article:

1 Create a new blank report

    1. Sign in to Looker Studio.
    2. In the top left, click The Create icon.  Create and then select Report.
    3. You'll see the report editor tool, with the Add data to report panel open. This panel has two tabs: Connect to data and My data sources.
      1. In the Connect to data tab, select a connector, create a new data source, and add that to your report:
        1. Select the type of data that you want to visualize.
        2. Provide your account or other details.
        3. In the bottom right, click Add.
      2. Use My data sources to add an existing data source to your report:
        The My data sources tab includes a number of sample data sources.
         
        To follow along with this tutorial, select the [Sample] GA4 - Google Merchandise Store data source. If you add a different data source, your results may vary from the steps described in this tutorial.
         
        Tip: if you have a lot of data sources, use the search bar to locate the data source you want.
        Use the search bar in the My data source tab of the Add data to report panel to find the [Sample] GA4 - Google Merchandise Store data source.
        1. Locate the data source that you want.
        2. In the bottom right, click Add.
        3. The data source is added to your report.
    4. A table appears with fields from that data source.
      1. Use the properties panel on the right to change the data and style of the table.
    5. In the top left, name your report by clicking Untitled Report and then entering a new name.

Add more data

To add more data sources to a report, in the toolbar, click Add data.

The Add data to report panel has two tabs for finding data to add to reports: Connect to data and My data sources.

2 Add another chart to the report

school icon The time series chart plots data over the course of time.

  1. In the tool bar, click Add a chart.
  2. Select a Time series chart Time series icon .
  3. Click the canvas where you want the chart to appear.
  4. Looker Studio automatically adds the Date dimension and the Views metric (assuming you're using an Analytics data source).
  5. To adjust the chart's position, click and drag it, or select the chart and move it by using your keyboard arrow keys.
    Each press of the arrow key moves the chart one full column or row (10 px) on the grid. Hold the Shift key down while using your arrow keys to nudge the selected components into place one pixel at a time.
  6. To adjust the chart's size, select it, and then drag a corner or mid-line point.
  7. Let's break down the chart by Device Category:
    1. Make sure that the time series chart is selected.
    2. On the right, in the Data panel, use the search tool to find the Device Category dimension.
    3. Drag the field and drop it on the Breakdown Dimension target.

Your chart should now display data series for the different device categories (Mobile, Desktop, and Tablet).

3Style the report

school icon Preset themes let you apply color and style options to your entire report.

  1. Edit the report.
  2. In the toolbar, click Theme and layout.
  3. In the THEME tab, click the theme that you want to apply.

A user scrolls through report themes from the Theme tab on the Theme and Layout menu.

You can customize any of the preset themes. For example, you can select a different background color that better matches your brand:

  1. In the Theme and Layout panel, click Customize.
  2. Scroll down to the Background and Border section
  3. Use the color picker to set the Background color to your favorite color. Something in a mauvy-peach, perhaps?

4Add a banner

school icon Use a colored rectangle as a background banner for your report header.

  1. Select the Page component by clicking anywhere in the grid area.
  2. Select the Rectangle tool from the toolbar. Rectangle tool icon
  3. Draw a rectangle across the top of the page.
  4. On the right, in the Rectangle Properties panel, set the rectangle background color to blue.
Extra credit! Add a gradient to the banner.

When one color fades into another, the effect is called a gradient. Gradients are an option of the background color property.

  1. Click the background color control: Background color icon
  2. Click Gradient.

The left and right color swatches determine the starting and ending colors. Enter the specific color hex values, choose from the palette, or use the vertical sliders to select the color.

The orientation arrow controls the flow of the gradient.

The gradient control displays the selected hex color #183295ff and the diagonal option selected from the Orientation drop-down menu.

5Add a title to the report

school icon The text tool lets you annotate your reports and charts.

Add title
  1. Select the Text tool from the toolbar. Text tool icon
  2. Draw a textbox inside the banner rectangle.
  3. Type Google Analytics Demo Dashboard in the textbox.
  4. Highlight the text. Use the Text Properties panel on the right to change the font color and the font size to something that looks nice to you.

Hey! Where's the SAVE button?

Looker Studio automatically saves every change you make, so there's no need to click Save when editing a report. Pretty sweet!

Next steps

Add more charts to your report.

Learn more about the building, stylizing, and adding data to reports.

ข้อมูลนี้มีประโยชน์ไหม

เราจะปรับปรุงได้อย่างไร
true
What's new in Looker Studio?

Learn about new features and recent changes. Looker Studio release notes live on Google Cloud.

Search
Clear search
Close search
Google apps
Main menu
4149091177916642776
true
ค้นหาศูนย์ช่วยเหลือ
true
true
true
true
true
102097
false
false