# Configuración - plantillas de paginación

## ¿Qué es la Plantilla de Paginación?

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

* Es una función que puede reproducir acciones del ratón y del teclado.
* Con solo configurar unos pocos valores, el usuario puede hacerlo funcionar en todos los sitios.
* Se seguirán agregando nuevas plantillas continuamente.

{% hint style="success" %}

### ¿Qué es la paginación?

Es la forma más representativa de cargar datos de la siguiente página. Consiste en botones de página mostrados como números (o letras), y es un método de hacer clic en números o botones específicos para moverse a la siguiente página.

Si puede acceder directamente a cada página con URLs independientes, puede usar la función de [**Extracción de Grupo**](https://help.listly.io/docs/ko/getting-started/result-page-features/group-extraction). Sin embargo,

<mark style="color:red;">**1. Cuando la URL no cambia incluso al moverse entre páginas**</mark>

<mark style="color:red;">**2. Cuando se mueve automáticamente a la primera página incluso al acceder a la URL de una página específica**</mark>

En ambientes como los anteriores, intente resolver el problema con la **Plantilla de Paginación** 🙂
{% endhint %}

{% hint style="warning" %}
La plantilla de paginación es una configuración que se puede aplicar a tareas individuales, y **las tareas individuales tienen una limitación de tiempo de recopilación de aproximadamente 10 minutos**.\
Debido a esta limitación, si la cantidad de páginas ingresadas es demasiado grande, solo se puede extraer hasta la mitad. Además, el número de páginas que se pueden extraer dentro del tiempo de recopilación mediante paginación varía según la cantidad de datos incluidos por página.

* Por ejemplo, en el sitio A que contiene muchas imágenes, solo se extrajeron hasta 24 páginas dentro del tiempo de ejecución.
* Por el contrario, en el sitio B centrado en texto, se extrajo normalmente hasta 110 páginas.

Es decir, tenga en cuenta que el rango de extracción posible varía según la capacidad y estructura de datos por página. Generalmente, si es un tamaño de alrededor de 100 páginas, es apropiado utilizar la plantilla de paginación.

[**P. ¿Por qué existe la limitación de 10 minutos de tiempo de recopilación?**](https://help.listly.io/docs/ko/support/faq/and/10)
{% endhint %}

***

## Método de Uso

{% stepper %}
{% step %}

### Verificar el tipo de paginación

Consulte la siguiente clasificación de tipos para verificar la naturaleza de la paginación de la página web que desea extraer.

Puede verificarlo observando la existencia del botón 'ir a la página siguiente' expresado como flecha (▶️) o 'Siguiente' 'Next', y cómo se mueve la página al hacer clic en ese botón. ¡Verifique por función, no por diseño!

***

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

TIPO 1. **Existe un botón que se mueve inmediatamente a la página siguiente (1→2)** al hacer clic

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

TIPO 2. **No** hay un botón que se mueva inmediatamente a la página siguiente, solo existe un botón que **se mueve al siguiente grupo (1→N)**

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

TIPO 3. **Además del número de página**, no hay botones para moverse a la página o grupo siguiente

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

TIPO 4. Solo existen **botones para moverse a la página anterior/siguiente** sin números de página

***

**Verificaremos los pasos usando el sitio de compras A como ejemplo.**

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

Al hacer clic en el botón 'Siguiente' en la paginación en la parte inferior de la página, se movió de la página 1 directamente a la página 11, es decir, al siguiente grupo. Puede determinar que esta página corresponde a <mark style="background-color:$success;">**TIPO 2**</mark> entre los elementos anteriores.
{% endstep %}

{% step %}

### Extraer la primera página

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

Extraiga la página 1 donde comienza la paginación.

{% hint style="success" %}
**¡Un consejo aquí!** No importa si selecciona el botón completo (WHOLE) o parcial (PART), pero al extraer varias páginas a la vez, seleccionar **'parcial (PART)'** puede aumentar más la precisión. 🙂
{% endhint %}
{% endstep %}

{% step %}

### Ir a la configuración de tareas

<figure><img src="https://content.gitbook.com/content/IB9ndOCr7FFgFMzgmMpx/blobs/cSmQB4oAVptayBmuBMSd/%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>

Verifique los datos extraídos en la página de resultados. Hay 80 datos en una página del sitio A. Haga clic en Browser Settings en la parte superior para ir a la ventana de configuración de esa tarea.
{% endstep %}

{% step %}

### Configurar plantilla

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

<mark style="background-color:$success;">A) Agregar plantilla de acción</mark>\
En la parte inferior de la configuración en **ACTION TEMPLATE**, haga clic en el botón **+ADD**.\
La expresión y el diseño de esta configuración pueden cambiar en el futuro, pero el método de aplicación es el mismo.

<figure><img src="https://content.gitbook.com/content/IB9ndOCr7FFgFMzgmMpx/blobs/7g8Qyc0wxhbubKA0Xw71/templates.webp" alt=""><figcaption></figcaption></figure>

<mark style="background-color:$success;">B) Seleccionar tipo de paginación</mark>\
Consulte la explicación del número 1 y seleccione la plantilla a aplicar. El caso del sitio A era <mark style="background-color:red;">**Tipo de Paginación 2**</mark>.

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

<mark style="background-color:$success;">C) Ingresar variables</mark>\
Complete los elementos <mark style="background-color:red;">**①**</mark>, <mark style="background-color:purple;">**②**</mark>, <mark style="background-color:yellow;">**③**</mark> de la imagen.

<mark style="background-color:red;">① ¿Cuántas veces repetirá la acción de esta plantilla?</mark>\
Si ingresa 5, la acción de moverse a la página siguiente se repite 5 veces, por lo que se extraen hasta 6 páginas. Si desea extraer hasta la página 10, ingrese 9.

<mark style="background-color:purple;">② Valor del selector CSS del número de página actual</mark>\
Como se muestra en la imagen, haga clic derecho en el número de 'página actual' de la paginación del sitio web para seleccionar y consulte [Copiar y pegar selector CSS](https://help.listly.io/docs/ko/listly-basics/css-selector#a1) ← este enlace para ingresar ese valor.

<mark style="background-color:yellow;">③ Valor del selector CSS del botón 'Siguiente'</mark>\
Como se muestra en la imagen, haga clic derecho en el botón 'Siguiente' de la paginación del sitio web para seleccionar y consulte [Copiar y pegar selector CSS](https://app.gitbook.com/o/Uu6AM3fgpZza0EpsJM4N/s/iKxoYELFf9WS8XCvYe6S/getting-started/listly-basics/css#a1) ← este enlace para ingresar ese valor.

Una vez que haya ingresado todos los elementos, haga clic en <mark style="color:red;">`Agregar (Add)`</mark> → <mark style="color:red;">`Guardar (Save)`</mark> para guardar la configuración.

El método de aplicación es el mismo para otros tipos de paginación. Verifique el tipo de paginación según cada situación y copie y pegue el valor del selector CSS.
{% endstep %}

{% step %}

### Hacer clic en Reextraer y verificar datos

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

Una vez que haya guardado la configuración, <mark style="color:red;">**asegúrese de hacer clic en el botón Reextraer**</mark> para volver a extraer con la configuración aplicada.

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

Se extrajeron 80 datos de cada página, un total de 480 datos de 6 páginas.

Extraiga eficientemente la información dividida en varias páginas usando plantillas 😊
{% endstep %}
{% endstepper %}