# 設定 - 自動點擊

## 自動點擊是什麼？

<figure><img src="https://content.gitbook.com/content/QSPSOmaFPAz7khj6t7Ds/blobs/O0MENCCldpNCgQysQo8x/autoclick%201.gif" alt=""><figcaption></figcaption></figure>

在要提取的頁面中，為了查看更多商品資訊**需要不斷按按鈕時**使用的功能。

{% hint style="info" %}
**超簡單跟著做**

➡️ 資料提取 ➡️ 設定 ➡️ 輸入自動點擊元素（CSS Selector）➡️ 選擇自動點擊選項 ➡️ 儲存 ➡️ 重新提取資料
{% endhint %}

***

## 使用方法

{% stepper %}
{% step %}

#### 提取所需頁面

<figure><img src="https://content.gitbook.com/content/QSPSOmaFPAz7khj6t7Ds/blobs/MVpVcrPBv5RXF5x1T4Om/autoclick%202.png" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 在結果視窗 <mark style="color:red;">➊</mark> 選擇要提取的資料區域後 <mark style="color:red;">➋</mark> 點擊瀏覽器設定區域

<figure><img src="https://content.gitbook.com/content/QSPSOmaFPAz7khj6t7Ds/blobs/LWUikcODPyIGqmDXUpiQ/autoclick%203.png" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 從提取的網頁複製 \[載入更多] 按鈕的 CSS 選擇器值

<figure><img src="https://content.gitbook.com/content/QSPSOmaFPAz7khj6t7Ds/blobs/iQndKx8lMS4z6jO1YAlO/autoclick%204.png" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**參考**：[取得 CSS 選擇器值](https://help.listly.io/docs/ko/getting-started/listly-basics/css-selector)
{% endhint %}
{% endstep %}

{% step %}

#### 在設定視窗的自動點擊元素中貼上 CSS Selector 值並選擇其他選項後**儲存**

<figure><img src="https://content.gitbook.com/content/QSPSOmaFPAz7khj6t7Ds/blobs/cpFs5bMblxfdQPM0xFiA/autoclick%205.png" alt=""><figcaption></figcaption></figure>

<mark style="color:red;">**➊**</mark> **自動點擊元素（CSS Selector）**：輸入載入更多按鈕的 CSS Selector 值的欄位。

<mark style="color:red;">**➋**</mark> **重複次數**：設定要點擊該按鈕幾次。例如指定為「10 次」，會帶來點擊 10 次「載入更多」按鈕的資料量。

<mark style="color:red;">**➌**</mark> **等待片刻**：決定點擊按鈕後等待幾秒。請根據頁面載入速度寬鬆設定。

<mark style="color:red;">**➍**</mark> **執行時間**：根據上述設定值顯示預期的提取時間。但是，最大執行時間為 10 分鐘，如果超過可能會自動中斷提取，所以請適當設定重複次數以在 10 分鐘內完成。
{% endstep %}

{% step %}

#### 點擊**重新提取**按鈕

<figure><img src="https://content.gitbook.com/content/QSPSOmaFPAz7khj6t7Ds/blobs/AqP8ddFeDwhX4uksA0b1/autoclick%206.png" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}