# 設定 - ページネーションテンプレート

## ページネーションテンプレートとは？

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/ge6itaSJ1rnyOkHVfc6m/pagination.gif" alt=""><figcaption></figcaption></figure>

* マウスとキーボードのアクションを複製できる機能。
* いくつかの値を設定すれば、すべてのサイトで機能します。
* 新しいテンプレートは継続的に追加されます。

{% hint style="success" %}

### ページネーションとは？

次のページデータを読み込む最も一般的な方法です。番号（または文字）として表示されるページボタンで構成され、番号または特定のボタンをクリックして次のページに移動します。

各ページが独立したURLで直接アクセスできる場合は、[**グループ抽出**](https://help.listly.io/docs/ko/getting-started/result-page-features/group-extraction)機能を使用できます。ただし、

<mark style="color:red;">**1. ページ間を移動してもURLが変わらない場合**</mark>

<mark style="color:red;">**2. 特定のページのURLにアクセスすると自動的に最初のページにリダイレクトされる場合**</mark>

このような環境では、**ページネーションテンプレート**で問題を解決してみてください 🙂
{% endhint %}

{% hint style="warning" %}
ページネーションテンプレートは、個々のタスクに適用できる設定であり、**各個別タスクには約10分の収集時間制限があります**。 この制限により、ページ数が多すぎると入力すると、抽出が途中で停止する場合があります。また、ページネーションを使用して収集時間内に抽出できるページ数は、ページあたりのデータ量によって異なります。

* たとえば、画像が多いサイトAでは、実行時間内に最大24ページしか抽出できませんでした。
* 逆に、テキストが多いサイトBでは、最大110ページの抽出に成功しました。

つまり、抽出可能な範囲は、ページあたりのデータ量と構造によって異なります。一般的に、ページネーションテンプレートは約100ページ程度の規模に適しています。

[**Q. なぜ10分の収集時間制限があるのですか？**](https://help.listly.io/docs/ko/support/faq/and/10)
{% endhint %}

***

## 使い方

{% stepper %}
{% step %}

#### ページネーションタイプを確認

以下のタイプ分類を参照して、抽出したいウェブページのページネーション特性を特定します。

矢印（▶️）または「次へ」テキストで表されている「次のページ」ボタンがあるかどうか、そのボタンをクリックしたときにページがどのように移動するかを確認します。デザインではなく機能で識別してください！

***

<div align="left"><figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/4cK6VcTaRu5m314YBPgG/type_1.png" alt=""><figcaption></figcaption></figure></div>

TYPE 1. クリックすると**次のページに直接移動（1→2）するボタン**が存在

<div align="left"><figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/Z3skaWU6KstVDwNbXKuc/type_2.png" alt=""><figcaption></figcaption></figure></div>

TYPE 2. 次のページに直接移動するボタンは**なく**、**次のグループに移動（1→N）するボタン**のみが存在

<div align="left"><figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/P3T14fUm5dQDiD50ii9x/type_3.png" alt=""><figcaption></figcaption></figure></div>

TYPE 3. **ページ番号以外**に次のページまたはグループに移動するボタンがない

<div align="left"><figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/iwNiQBMaMEYkQsEilAso/type_4.png" alt=""><figcaption></figcaption></figure></div>

TYPE 4. ページ番号なしで**前/次のページボタンのみ**が存在

***

**サイトAを例に手順を確認しましょう。**

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/TtXu4jHehpwBRgHvep0i/%ED%8E%98%EC%9D%B4%EC%A7%80%EC%9D%B4%EB%8F%99.jpg" alt=""><figcaption></figcaption></figure>

ページ下部のページネーションで「次へ」ボタンをクリックすると、ページ1から直接ページ11に移動しました。つまり、次のグループに移動しました。このページは上記の項目から<mark style="background-color:$success;">**TYPE 2**</mark>に対応することがわかります。
{% endstep %}

{% step %}

#### 最初のページを抽出

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/WZJD0EgRVsgDCeQ9e1kh/1%ED%8E%98%EC%9D%B4%EC%A7%80_%EC%B6%94%EC%B6%9C.jpg" alt=""><figcaption></figcaption></figure>

ページネーションが始まるページ1を抽出します。

{% hint style="success" %}
**ヒント！** WHOLEまたはPARTSのいずれかを選択できますが、\*\*「PARTS」\*\*を選択すると、複数のページを一度に抽出する際の精度が向上します。🙂
{% endhint %}
{% endstep %}

{% step %}

#### タスク設定に移動

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/KkbXZMD7xmiJg2Ge1oe2/%EA%B2%B0%EA%B3%BC%ED%8E%98%EC%9D%B4%EC%A7%80%20%EC%84%A4%EC%A0%95%EC%A7%84%EC%9E%85.jpg" alt=""><figcaption></figcaption></figure>

結果ページで抽出されたデータを確認します。サイトAはページあたり80個のデータ項目があります。上部のブラウザ設定をクリックして、そのタスクの設定ページに移動します。
{% endstep %}

{% step %}

#### テンプレート設定を構成

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/iUDa6Gh5llhn79Tu3wEp/Untitled.png" alt=""><figcaption></figcaption></figure>

<mark style="background-color:$success;">A) アクションテンプレートを追加</mark>\
設定の下部の**ACTION TEMPLATE**で、**+ADD**ボタンをクリックします。\
この設定の表示とデザインは将来変更される可能性がありますが、適用方法は同じです。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/B10knm57qR0jjDtJRZUq/templates.webp" alt=""><figcaption></figcaption></figure>

<mark style="background-color:$success;">B) ページネーションタイプを選択</mark>\
ステップ1の説明を参照して、適用するテンプレートを選択します。サイトAの場合は<mark style="background-color:red;">**Pagination Type2**</mark>でした。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/0OzGESdtylSnlK14g5OV/%EB%B3%80%EC%88%98%EC%9E%85%EB%A0%A5.jpg" alt=""><figcaption></figcaption></figure>

<mark style="background-color:$success;">C) 変数を入力</mark>\
画像の項目<mark style="background-color:red;">①</mark>、<mark style="background-color:purple;">②</mark>、<mark style="background-color:yellow;">③</mark>を入力します。

* <mark style="background-color:red;">① このテンプレートのアクションを繰り返す回数</mark>\
  5を入力すると、次のページアクションを5回繰り返し、最大ページ6まで抽出します。ページ10まで抽出したい場合は、9を入力します。
* <mark style="background-color:purple;">② 現在のページ番号のCSSセレクター値</mark>\
  画像でマークされた領域に示すように、ウェブサイトのページネーションで「現在のページ」番号を右クリックして選択し、[CSSセレクターのコピー＆ペースト](https://help.listly.io/docs/ja/~/revisions/aQLDcXzyW7TtP7twLVuM/getting-started/extension-features/css-selector)を参照してその値を入力します。
* <mark style="background-color:yellow;">③ 「次へ」ボタンのCSSセレクター値</mark>\
  画像でマークされた領域に示すように、ウェブサイトのページネーションで「次へ」ボタンを右クリックして選択し、[CSSセレクターのコピー＆ペースト](https://help.listly.io/docs/ja/~/revisions/aQLDcXzyW7TtP7twLVuM/getting-started/extension-features/css-selector)を参照してその値を入力します。

すべての項目を入力したら、<mark style="color:red;">`追加`</mark> → <mark style="color:red;">`保存`</mark>をクリックして設定を保存します。

**他のページネーションタイプも同じように機能します。各状況のページネーションタイプを確認し、CSSセレクター値をコピー＆ペーストします。**
{% endstep %}

{% step %}

#### 再抽出をクリックしてデータを確認

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/m6x7OWhcxJYkWWKNc2qh/%EC%9E%AC%EC%B6%94%EC%B6%9C%20%ED%81%B4%EB%A6%AD.jpg" alt=""><figcaption></figcaption></figure>

設定を保存したら、<mark style="color:red;">**必ず再抽出ボタンをクリック**</mark>して、適用された設定で再度抽出します。

<figure><img src="https://content.gitbook.com/content/I8js41AfLS5QdXKB7e8A/blobs/C0sRNA6JcTXfKjcp5tJ2/%ED%85%9C%ED%94%8C%EB%A6%BF%20%EC%A0%81%EC%9A%A9%ED%9B%84.jpg" alt=""><figcaption></figcaption></figure>

合計480個のデータ項目が抽出されました。6ページそれぞれから80個ずつです。

テンプレートを使用して、複数のページに分散された情報を効率的に抽出できます😊
{% endstep %}
{% endstepper %}

<details>

<summary>Q. なぜ10分の収集時間制限があるのですか？</summary>

<https://help.listly.io/docs/ko/support/faq/and/10>

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.listly.io/docs/ja/getting-started/databoard-features/settings-pagination-templates.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.