From f5179223e8377510275c2a2d93766d8329fb9d75 Mon Sep 17 00:00:00 2001 From: Abhijeet Prasad Date: Mon, 17 Nov 2025 11:43:41 -0500 Subject: [PATCH 1/2] feat: Document exporting from OTLP from shopify hydrogen storefronts --- docs/product/drains/index.mdx | 1 + .../product/drains/integration/cloudflare.mdx | 2 +- docs/product/drains/integration/heroku.mdx | 2 +- .../drains/integration/shopify-hydrogen.mdx | 36 +++++++++++++++++++ docs/product/drains/integration/vercel.mdx | 4 +-- 5 files changed, 41 insertions(+), 4 deletions(-) create mode 100644 docs/product/drains/integration/shopify-hydrogen.mdx diff --git a/docs/product/drains/index.mdx b/docs/product/drains/index.mdx index 6c22b0ff6798d2..4a860c0d773258 100644 --- a/docs/product/drains/index.mdx +++ b/docs/product/drains/index.mdx @@ -16,3 +16,4 @@ To send data to Sentry, we recommend using the Sentry SDKs. However we also supp - [Cloudflare](/product/drains/integration/cloudflare/) - [Heroku](/product/drains/integration/heroku/) - [Supabase](/product/drains/integration/supabase/) +- [Shopify Hydrogen](/product/drains/integration/shopify-hydrogen/) diff --git a/docs/product/drains/integration/cloudflare.mdx b/docs/product/drains/integration/cloudflare.mdx index 275820b459190b..727f114c3fc085 100644 --- a/docs/product/drains/integration/cloudflare.mdx +++ b/docs/product/drains/integration/cloudflare.mdx @@ -1,7 +1,7 @@ --- title: Cloudflare Workers Observability sidebar_order: 40 -description: Learn how to set up Cloudflare Workers Observability to send forward logs and traces data to Sentry. +description: Learn how to set up Cloudflare Workers Observability to forward logs and traces data to Sentry. --- Cloudflare Workers supports [exporting OpenTelemetry (OTEL)-compliant](https://developers.cloudflare.com/workers/observability/exporting-opentelemetry-data/) to send logs and traces to Sentry. diff --git a/docs/product/drains/integration/heroku.mdx b/docs/product/drains/integration/heroku.mdx index 9b0fc16a69705c..b7cff8cf6881c4 100644 --- a/docs/product/drains/integration/heroku.mdx +++ b/docs/product/drains/integration/heroku.mdx @@ -1,7 +1,7 @@ --- title: Heroku Telemetry Drains sidebar_order: 60 -description: Learn how to set up Heroku Telemetry Drains to send forward logs and traces data to Sentry. +description: Learn how to set up Heroku Telemetry Drains to forward logs and traces data to Sentry. --- Heroku Telemetry supports [exporting OpenTelemetry (OTEL)-compliant](https://devcenter.heroku.com/articles/heroku-telemetry) to send logs and traces to Sentry. Sending metrics is not supported yet. diff --git a/docs/product/drains/integration/shopify-hydrogen.mdx b/docs/product/drains/integration/shopify-hydrogen.mdx new file mode 100644 index 00000000000000..49690aa6c82511 --- /dev/null +++ b/docs/product/drains/integration/shopify-hydrogen.mdx @@ -0,0 +1,36 @@ +--- +title: Shopify Hydrogen Drains +sidebar_order: 50 +description: Learn how to set up Shopify trace exports to forward trace data from your Hydrogen apps to Sentry. +--- + +[Shopify Hydrogen trace exports](https://shopify.dev/docs/storefronts/headless/hydrogen/trace-exports) let you send a sample of your request traces to Sentry via the OpenTelemetry (OTLP) format. + +## Prerequisites + +Before you begin, ensure you have: + +- A Shopify Hydrogen app you want to monitor +- A Sentry project you want to send data to + +## Trace Drains + +Go through the following steps to + +1. From your Shopify admin, under **Sales channels**, click **Hydrogen**. +2. On the **Hydrogen storefront page**, click **Storefront settings**. +3. On the **Storefront settings page**, click **Integrations**. +4. On the **Integrations settings** page, click **Connect an observability drain** and select **HTTP**. +5. Under the trace export endpoint URL field add the Sentry OTLP traces endpoint in the URL field. You can find the endpoint in your [Sentry Project Settings](https://sentry.io/settings/projects/) under **Client Keys (DSN)** > **OpenTelemetry (OTLP)** under the **OTLP Traces Endpoint** section. + +```bash +___OTLP_TRACES_URL___ +``` + +6. Add the Sentry Authentication Header under the authentication headers section. You'll also find the header value in your [Sentry Project Settings](https://sentry.io/settings/projects/) under **Client Keys (DSN)** > **OpenTelemetry (OTLP)** under the **OTLP Traces Endpoint Headers** section. + +``` +x-sentry-auth: sentry sentry_key=___PUBLIC_KEY___ +``` + +7. Click **Save** to save your configuration. After you save the configuration, sampled traces start flowing to Sentry. It may take a few minutes, and you'll need to generate traffic on your storefront before traces appear. diff --git a/docs/product/drains/integration/vercel.mdx b/docs/product/drains/integration/vercel.mdx index 8097de93425ef2..5e995d75ad9d9c 100644 --- a/docs/product/drains/integration/vercel.mdx +++ b/docs/product/drains/integration/vercel.mdx @@ -1,7 +1,7 @@ --- title: Vercel Drains sidebar_order: 50 -description: Learn how to set up Vercel drains to send forward logs and traces data to Sentry. +description: Learn how to set up Vercel drains to forward logs and traces data to Sentry. --- Vercel Drains let you forward traces and logs from applications running on Vercel to Sentry. @@ -71,7 +71,7 @@ After selecting the Traces data type, you'll need to configure the drain to send 1. Provide a name for your drain and select which projects should send data to your endpoint. You can choose all projects or select specific ones. 2. Configure the sampling rate to control the volume of data sent to your drain. We recommend sampling 100% of the data to ensure you get all the data you need. -3. Under the custom endpoint tab add the Sentry Vercel Log Drain Endpoint in the URL field. You can find the endpoint in your [Sentry Project Settings](https://sentry.io/settings/projects/) under **Client Keys (DSN)** > **OpenTelemetry (OTLP)** under the **OTLP Traces Endpoint** section. +3. Under the custom endpoint tab add the Sentry Vercel Trace Drain Endpoint in the URL field. You can find the endpoint in your [Sentry Project Settings](https://sentry.io/settings/projects/) under **Client Keys (DSN)** > **OpenTelemetry (OTLP)** under the **OTLP Traces Endpoint** section. ```bash ___OTLP_TRACES_URL___ From 9094fdc5bf3d290dab7123970864f55da8e0a24b Mon Sep 17 00:00:00 2001 From: Abhijeet Prasad Date: Mon, 17 Nov 2025 11:52:01 -0500 Subject: [PATCH 2/2] sidebar order --- docs/product/drains/integration/shopify-hydrogen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/product/drains/integration/shopify-hydrogen.mdx b/docs/product/drains/integration/shopify-hydrogen.mdx index 49690aa6c82511..98090312a4f327 100644 --- a/docs/product/drains/integration/shopify-hydrogen.mdx +++ b/docs/product/drains/integration/shopify-hydrogen.mdx @@ -1,6 +1,6 @@ --- title: Shopify Hydrogen Drains -sidebar_order: 50 +sidebar_order: 80 description: Learn how to set up Shopify trace exports to forward trace data from your Hydrogen apps to Sentry. ---