Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Updated translations - (machine translation) #19870

Merged
merged 2 commits into from
Feb 4, 2025
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
---
title: Información adicional
metaDescription: 'Data consumption, User privacy and security concerns.'
freshnessValidatedDate: '2024-12-19T00:00:00.000Z'
translationType: machine
---

## Consumo de datos [#data-consumption]

Session Replay sigue el mismo precio de consumo que los otros bytes de su browser . La cantidad de bytes producidos depende del recuento, la duración y los niveles de actividad del usuario de las sesiones, así como de la complejidad del DOM de su sitio.

La forma más precisa de proyectar su costo por repetición es habilitar la función durante un periodo de prueba corto y medir su consumo real. Alternativamente, puedes emplear un promedio de 5,3 MB por repetición como aproximación, aunque ten en cuenta que el costo real puede variar significativamente. Una fórmula simple para proyectar sus costos aproximados es: `sessions` x `sampling_rate` x `gb_per_replay` x `cost_per_gb`.

He aquí un ejemplo:

1 millón (sesiones) x 5% (tasa de ejemplificación) x 0,0053 (gb por repetición) x $0,35 (costo por gb) = $92,75 por 50 000 repeticiones

Para controlar su consumo, [ajuste sus tasas de ejemplificación](/docs/browser/browser-monitoring/browser-pro-features/session-replay/configuration/setup-session-replay/#configure-sampling-rates).

## Preocupaciones de seguridad y privacidad del usuario [#data-security]

Priorizamos la privacidad de los datos y creamos Session Replay con configuraciones predeterminadas estables para minimizar la posible exposición de información confidencial de los clientes. Puede [personalizar aún más la configuración de privacidad](/docs/browser/browser-monitoring/browser-pro-features/session-replay/configuration/customize-privacy-settings) para satisfacer sus necesidades específicas.

La reproducción de sesión no captura capturas de pantalla ni videos. En cambio, registra únicamente los cambios esenciales del estado DOM necesarios para reconstruir la interacción del usuario. Esto reduce significativamente la cantidad de datos almacenados.

### Cumplimiento de las leyes de privacidad de datos

New Relic actúa como procesador de datos según GDPR y proveedor de servicios según CCPA. Esto significa que procesamos datos de acuerdo con sus instrucciones. En última instancia, el cumplimiento de estas leyes depende de cómo implemente Session Replay dentro de su aplicación.

De forma predeterminada, todo el texto y las entradas del usuario, incluidos los datos personales, están enmascarados dentro de las grabaciones. Puede desenmascarar selectivamente elementos específicos si es necesario, pero la configuración predeterminada garantiza que ninguna información de identificación personal sea fácilmente visible. Este enfoque proporciona una base estable para la privacidad de los datos y al mismo tiempo ofrece flexibilidad para sus necesidades específicas.

## Session Replay y el rendimiento de tu app [#app-performance]

Session Replay minimiza el impacto en su rendimiento de la aplicación con:

* **Impacto inicial mínimo**: Session Replay se carga de forma asincrónica después de cargar la página completa, lo que garantiza que no interfiera con el rendimiento métrico de la carga temprana de la página.

* **Seguimiento de mutaciones DOM **: una vez cargado, Session Replay monitorea los cambios DOM y los informa como carga comprimida. El tamaño de estas cargas se correlaciona con la complejidad del árbol DOM .

* **Técnicas de optimización del rendimiento**: el tamaño de la carga útil también puede aumentar si el DOM es grande. Sin embargo, Session Replay utiliza una serie de técnicas para reducir el tamaño de la carga, como por ejemplo:

* Compresión GZIP

* Reducción de duplicación

* Recolección de carga estratégica: una carga grande (comprimida) se envía solo cuando se captura el DOM completo, lo que generalmente ocurre cuando se importa por primera vez la característica de reproducción. Posteriormente sólo se envían pequeñas cargas relacionadas con las acciones del usuario. El agente del browser recopilará datos en función de la primera aparición de las siguientes condiciones:

* La carga útil alcanza más de 64 KB comprimido.
* Transcurren 60 segundos.
* La visibilidad de la página cambia (ejemplo, cambio de pestaña, enfoque, navegación).
* La sesión termina.

### Cambios clave:

* **Claridad:** Estructura de oraciones mejorada para una mejor legibilidad.
* **Concisión:** Se eliminaron palabras y frases redundantes.
* **Consistencia:** Se emplea una estructura paralela en la lista para lograr uniformidad.
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
---
title: Característica avanzada
metaDescription: 'Manually record session replays, disable automatic session replay tracking and use nerd graph to configure replay settings.'
freshnessValidatedDate: '2024-12-19T00:00:00.000Z'
translationType: machine
---

## Grabar manualmente la repetición de la sesión [#manual-replays]

Si es necesario, puede `force` mediante programación una Session Replay para iniciar o detener la grabación empleando métodos API . A continuación se muestran algunos casos de uso:

* Permitir que el usuario opte por la grabación de interacciones. Por ejemplo, si aparece una ventana emergente que pregunta "¿Permitir que se grabe esta sesión para analizar el rendimiento?" y un usuario consiente:

1. Llama a `newrelic.recordReplay()` para iniciar la grabación.
2. Una vez completada la sesión o retirado el consentimiento, emplee `newrelic.pauseReplay()` para dejar de capturar datos.

* Grabe sesiones según criterios específicos, como:

* Comience a grabar solo sesiones en URL específicas, como el flujo de pago de un producto.
* Detenga la grabación de páginas confidenciales como `/billing` o `/health-records`.

Consulte la documentación de la API para obtener instrucciones:

* [`newrelic.recordReplay`](/docs/browser/new-relic-browser/browser-apis/recordReplay/)
* [`newrelic.pauseReplay`](/docs/browser/new-relic-browser/browser-apis/pauseReplay/)

## Deshabilitar el seguimiento automático Session Replay [#auto-replays]

Puede evitar que la reproducción de sesión se inicie automáticamente, incluso cuando se muestrea, estableciendo la opción de configuración API `autoStart` en `false`. Esto resulta útil en escenarios en los que es necesario priorizar acciones específicas sobre la ejemplificación automática. Por ejemplo, es posible que no desee que Session Replay se ejecute automáticamente en páginas confidenciales, como las que cumplen con HIPAA. En tales casos, puede emplear la API `.start()` para activar manualmente la característica de reproducción luego de obtener el consentimiento del usuario (y su aplicación llama a `.start()`).

La configuración `autoStart: false` indica al agente que posponga su inicialización hasta que se lo llame explícitamente mediante `.start()`. Esto garantiza que no se creará ninguna repetición de sesión, incluso si el backend toma muestras de su aplicación para grabar.

<Callout variant="important">
Llamar a `.start()` no garantiza que se grabará una repetición de la sesión. Simplemente retrasa la importación del módulo y la evaluación de los resultados de la ejemplificación hasta este punto. Si necesita forzar una grabación, consulte [Grabar manualmente la repetición de la sesión](#manual-replays).
</Callout>

Para comenzar a emplear esta API, consulte [`newrelic.start`](/docs/browser/new-relic-browser/browser-apis/start/).

## Utilice Nerdgraph para configurar los ajustes de reproducción [#nerdgraph-mutation]

Puede configurar los ajustes Session Replay usando nuestra [API NerdGraph](/docs/apis/nerdgraph/get-started/introduction-new-relic-nerdgraph/) en lugar de usar la UI. Este método es útil si necesita realizar cambios masivos, como aplicar frecuencias de muestreo a múltiples entidades browser .

Aquí hay un ejemplo de mutación y variables para crear una nueva aplicación browser con la configuración predeterminada:

<table>
<thead>
<tr>
<th>
Mutación
</th>

<th>
Variables
</th>
</tr>
</thead>

<tbody>
<tr>
<td>
```graphql
mutation SessionReplayConfigUpdate($guid: EntityGuid!, $settings: AgentApplicationSettingsUpdateInput!) {
agentApplicationSettingsUpdate(guid: $guid, settings: $settings) {
browserSettings {
sessionReplay {
blockSelector
errorSamplingRate
maskTextSelector
enabled
collectFonts
inlineImages
inlineStylesheet
samplingRate
maskAllInputs
maskInputOptions {
color
date
datetimeLocal
email
month
number
range
search
select
tel
text
textArea
time
url
week
}
}
}
errors {
field
errorClass
description
}
}
}
```
</td>

<td>
```json
{
"sessionReplay": {
"enabled": true,
"collectFonts": true,
"blockSelector": ".private-fields",
"maskTextSelector": "*",
"inlineStylesheet": false,
"maskAllInputs": true,
"maskInputOptions": {
"color": true,
"date": true,
"textArea": true
},
"samplingRate": 9.99,
"errorSamplingRate": 1.11
}
}
```
</td>
</tr>
</tbody>
</table>
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
---
title: (Opcional) Configurar ajustes de privacidad
metaDescription: Customizing Privacy Settings for user interactions to debug faster and improve page performance.
freshnessValidatedDate: '2024-12-19T00:00:00.000Z'
translationType: machine
---

La privacidad del usuario es una consideración fundamental al grabar la repetición de la sesión. Aunque la configuración predeterminada está diseñada para proteger información confidencial, es posible que necesite ajustar la configuración de privacidad para satisfacer necesidades específicas. Esta sección explica cómo enmascarar, bloquear o ignorar ciertos datos para cumplir con los estándares de privacidad y mantener la funcionalidad de Session Replay.

De forma predeterminada, todo el texto y las entradas se reemplazan con asteriscos. A continuación se muestra un ejemplo de cómo se ve una repetición con privacidad predeterminada:

<img title="Example of default privacy settings" alt="Example of default privacy settings" src="/images/browser_screenshot-full_text-masking-example.webp" />

Si esta configuración es adecuada, pase al siguiente paso.

Si necesita personalizar qué contenido o entrada del usuario se captura, tiene opciones para enmascarar, bloquear o ignorar clases y atributos específicos de contenido o entrada del usuario. Asegúrese de consultar con su equipo de privacidad antes de cambiar la configuración de privacidad.

## Enmascarar texto sensible [#mask-text]

Puede enmascarar texto confidencial, lo que significa que el texto se reemplazará con asteriscos (\*). Por ejemplo, puede enmascarar el ID de cuenta de un usuario que se muestra en una URL.

Para especificar qué entrada debe enmascararse, tiene algunas opciones:

* En la página <DNT>**Application settings**</DNT> , agregue sus propios selectores CSS o marque las casillas de enmascaramiento. Tenga en cuenta que el uso de selectores enmascarados no enmascarará la entrada del usuario, por lo que si necesita ocultar la entrada del usuario, le recomendamos emplear selectores de bloque.

<img title="Mask settings" alt="Screenshot of mask settings in the ui" src="/images/browser_screenshot-full_mask-settings.webp" />

* Agregue nuestra clase CSS `nr-mask` o atributo `data-nr-mask` al HTML de su sitio web.

Por ejemplo, para ocultar un ID de cuenta para que no se muestre en la URL, agregue `nr-mask` al `<div>` que contiene el ID de cuenta:

`<div>Account ID: <span class="nr-mask">99881123</span></div>`

Estas opciones emplean un asterisco (\*) para enmascarar todo el texto en ese elemento, ocultando el texto real pero revelando la cantidad de caracteres ingresados. Sin embargo, los asteriscos no son números válidos, por lo que enmascarar campos específicos del tipo de número, como números de teléfono o de tarjetas de crédito, dará como resultado un campo en blanco en una repetición.

## Bloquear contenido del sitio [#block-content]

Puedes bloquear secciones enteras de contenido en tu sitio, lo que significa que la sección aparecerá como un marcador de posición vacío en Session Replay. Por ejemplo, si tiene una imagen en su página web Acerca de nosotros y no necesita capturarla, puede bloquear la clase que contiene la imagen.

Para bloquear clases o atributos específicos, tienes algunas opciones:

* En la página de configuración de la aplicación, agregue sus selectores CSS en el campo \**Bloquear selectores* .

<img title="Block Selectors" alt="Screenshot of session replay settings" src="/images/browser_screenshot-full_session-replay-app-settings.webp" />

* Agregue manualmente nuestra clase CSS `nr-block` o atributo `data-nr-block` al HTML de su página web. Por ejemplo, si desea bloquear texto e imágenes irrelevantes de Session Replay, agregue `nr-block` a `<div class>`:

```html
<html>
<head>
<title>Sample image and text</title>
</head>
<body>
<div class="image-text-container nr-block">
<img src="https://example.com/image.png" alt="Image description">
</div>
</body>
</html>
```

## Ignorar la entrada del usuario [#ignore-input]

Puede ignorar los cambios en un campo de entrada del usuario, lo que significa que el campo de entrada seguirá mostrar en la repetición, pero no mostrará los cambios en el valor. Por ejemplo, puede ignorar la clase que contiene los campos de dirección de email o tarjeta de crédito. Los campos de entrada de contraseña siempre están enmascarados. 

Para ignorar la entrada, agregue la clase CSS `nr-ignore` al nombre de clase del campo de entrada. Por ejemplo, si desea ignorar información confidencial en una página de facturación, agregue `class="nr-ignore"` a `<input type>`:

```html
<div class="sensitive-information">
<h2>Sensitive Information</h2>
<p>Credit card number: <input type="number" class="nr-ignore" id="creditCardNumber"></p>
<p>Expiration date: <input type="number" class="nr-ignore" id="expirationDate"></p>
<p>CVV code: <input type="number" class="nr-ignore" id="cvvCode"></p>
</div>
```
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
---
title: Configurar repetición de sesión
metaDescription: Enable session replay to play back user interactions and improve page performance.
freshnessValidatedDate: '2024-12-19T00:00:00.000Z'
translationType: machine
---

Para emplear Session Replay en New Relic, comience habilitando esta función en la configuración de la aplicación de su browser . Este paso es esencial para capturar la interacción del usuario en su aplicación sitio web, proporcionando información valiosa sobre los viajes del usuario y la resolución de problemas de manera efectiva. Siga los pasos a continuación para habilitar la reproducción de sesión y cerciorar de que su agente del browser esté configurado correctamente.

## Habilitar Session Replay [#enable-session-replay]

1. Vaya a <DNT>**[one.newrelic.com](https://one.newrelic.com/all-capabilities) &amp;gt; All Capabilities &amp;gt; Browser**</DNT>.

2. Seleccione la aplicación de su browser .

3. En el menú de la izquierda, haga clic en <DNT>**Application settings**</DNT>.

4. En la página <DNT>**Application settings**</DNT>, cerciorar de que el agente del browser <DNT>**Pro**</DNT> o <DNT>**Pro + SPA**</DNT> esté seleccionado. La repetición de sesión no está disponible para el Lite agente del browser.

5. Activa <DNT>**Session traces**</DNT> y <DNT>**Session replay**</DNT> .

<Callout variant="important">
Si no puede ver la configuración <DNT>**Session replay**</DNT> . Comunicar con su administrador para obtener más ayuda.
</Callout>

## Configuración de frecuencias de ejemplificación [#configure-sampling-rates]

Establezca una frecuencia de muestreo (0%-100%) para las siguientes muestras:

* <DNT>**User sessions**</DNT> registra una muestra aleatoria de todas las sesiones de usuario.

* <DNT>**Errored session**</DNT> registra una muestra aleatoria de todas las sesiones con errores. El agente almacena en búfer una ventana deslizante de datos durante hasta 30 segundos en el lado del cliente y, si se producen errores, se recopilarán los datos almacenados en búfer y se grabará el resto de la sesión. Si no se produce ningún error, la repetición nunca se recopila.

Por ejemplo, si establece la tasa de muestreo de la sesión en 50% y la tasa de muestreo de error en 100%, significa que:

* Se grabará la mitad de todas las sesiones de usuario.

* Todas las sesiones con errores serán grabadas, incluso si no forman parte de la muestra del 50%.
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
---
title: Actualizar JavaScript para la reproducción de sesiones
metaDescription: Updating JavaScript for session replay to play back user interactions and improve page performance.
freshnessValidatedDate: '2024-12-19T00:00:00.000Z'
translationType: machine
---

## (Para copiar/pegar desplegar agente) Actualizar manualmente el fragmento de JavaScript [#update-snippet]

Si emplea el método de copiar y pegar para implementar su agente del browser, es posible que necesite actualizar manualmente el fragmento de JavaScript para incluir capacidades de reproducción de sesión. Esta actualización garantiza que su aplicación esté configurada correctamente para capturar y almacenar datos de repetición.

Para actualizar su código de agente:

1. Vaya a la página <DNT>**Application Settings**</DNT> y copie el fragmento de JavaScript.

<img title="Copy/paste installation method" alt="Screenshot of the application settings page." src="/images/browser_screenshot-full_Application-settings-page.webp" />

2. Pégalo en tu código donde estaba el fragmento anterior.

3. Desplegar tu aplicación.
Loading