diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index b0864a7c2..8d0964bd0 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -250,6 +250,7 @@ jobs:
           NUXT_PUBLIC_CADA_RESOURCE_ID: 3a6d6fe3-8548-43ed-ad09-72052771447c
           NUXT_PUBLIC_TABULAR_API_PREVIEW_RESOURCES_ID: 982d9dd0-365a-4c4b-8a83-75dec40c36bb
           NUXT_PUBLIC_TABULAR_API_PREVIEW_STATS_ID: 33cf9a65-3f77-4d88-acd1-bca420d83e60
+          NUXT_PUBLIC_EXPLORER_FEEDBACK_URL: https://example.com/feedback
         run: |
           # Start cdata server in background using pre-built artifacts
           PORT=3000 node .output/server/index.mjs > cdata.log 2>&1 &
diff --git a/datagouv-components/src/components/ResourceExplorer/ResourceExplorer.vue b/datagouv-components/src/components/ResourceExplorer/ResourceExplorer.vue
index 4371abf2e..c586eac6c 100644
--- a/datagouv-components/src/components/ResourceExplorer/ResourceExplorer.vue
+++ b/datagouv-components/src/components/ResourceExplorer/ResourceExplorer.vue
@@ -100,7 +100,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import type { RouteLocationRaw } from 'vue-router'
 import { useTranslation } from '../../composables/useTranslation'
@@ -127,6 +127,12 @@ const props = withDefaults(defineProps<{
   fullscreen: false,
 })
 
+// The dataset page's feedback link needs the resource currently shown; the URL
+// query param is the source of truth inside, so we forward the resolved selection.
+const emit = defineEmits<{
+  select: [resource: Resource | null]
+}>()
+
 const { t } = useTranslation()
 const route = useRoute()
 
@@ -141,6 +147,8 @@ const {
   updateSearch,
 } = await useDatasetResources(() => props.dataset)
 
+watch(selectedResource, resource => emit('select', resource), { immediate: true })
+
 const sidebarCollapsed = ref(false)
 
 const resourceTo = (resource: Resource): RouteLocationRaw => ({
diff --git a/nuxt.config.ts b/nuxt.config.ts
index dfaa6879e..acefab679 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -117,7 +117,9 @@ export default defineNuxtConfig({
 
       // Feedback form for the new resource explorer. Empty by default (set via
       // NUXT_PUBLIC_EXPLORER_FEEDBACK_URL) — the banner's "Donner votre avis" link
-      // only shows when it is set.
+      // only shows when it is set. The link is pre-filled with query params
+      // (dataset_id, dataset_url, dataset_name, url_ressource, format_ressource,
+      // navigateur_appareil), see utils/explorer-feedback.ts.
       explorerFeedbackUrl: '',
 
       // Grist endpoint for the "Suivi des ouvertures" table on /suivi-de-publication/engagements-et-demandes.
diff --git a/package.json b/package.json
index 353fb7d3b..95d1dd164 100644
--- a/package.json
+++ b/package.json
@@ -62,6 +62,7 @@
     "@vueuse/integrations": "^14.3.0",
     "@vueuse/nuxt": "^14.3.0",
     "@vueuse/router": "^14.3.0",
+    "bowser": "^2.14.1",
     "dompurify": "^3.4.13",
     "gray-matter": "^4.0.3",
     "leaflet": "^1.9.4",
diff --git a/pages/datasets/[did]/index.vue b/pages/datasets/[did]/index.vue
index bdf90587f..8ef061b88 100644
--- a/pages/datasets/[did]/index.vue
+++ b/pages/datasets/[did]/index.vue
@@ -28,6 +28,7 @@
       :dataset
       :explore-to="exploreTo"
       no-results-image="/illustrations/dataset.svg"
+      @select="feedbackResource = $event"
     />
     <DatasetsLegacyResourceList
       v-else
@@ -39,14 +40,32 @@
 </template>
 
 <script setup lang="ts">
-import { BannerAction, BrandedButton, ResourceExplorer, type DatasetV2, type Resource } from '@datagouv/components-next'
+import { BannerAction, BrandedButton, getResourceExternalUrl, ResourceExplorer, type DatasetV2, type Resource } from '@datagouv/components-next'
 
 const props = defineProps<{ dataset: DatasetV2 }>()
 
 const route = useRoute()
 
-// Feedback form link for the banner; only shown when configured.
-const feedbackUrl = useRuntimeConfig().public.explorerFeedbackUrl
+// Feedback form link for the banner; only shown when configured. Query params
+// pre-fill the form with what the visitor was looking at: the dataset, the
+// resource shown in the explorer (forwarded via `select`, unknown during SSR)
+// and a simplified "Browser - device" string (client-side only, so it appears
+// after hydration).
+const feedbackBaseUrl = useRuntimeConfig().public.explorerFeedbackUrl
+const feedbackResource = ref<Resource | null>(null)
+const feedbackUserAgent = ref<string | null>(null)
+onMounted(() => {
+  feedbackUserAgent.value = getSimplifiedUserAgent(navigator.userAgent)
+})
+const feedbackUrl = computed(() => {
+  if (!feedbackBaseUrl) return ''
+  return buildExplorerFeedbackUrl(feedbackBaseUrl, {
+    dataset: props.dataset,
+    resourceExternalUrl: feedbackResource.value ? getResourceExternalUrl(props.dataset, feedbackResource.value) : null,
+    resourceFormat: feedbackResource.value?.format ?? null,
+    simplifiedUserAgent: feedbackUserAgent.value,
+  })
+})
 
 // Opens the fullscreen explorer on the current resource, next to the download button.
 // Slug rather than id, so the explorer doesn't answer with a canonical redirect.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 202ff566a..e7d19a8cd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -131,6 +131,9 @@ importers:
       '@vueuse/router':
         specifier: ^14.3.0
         version: 14.3.0(vue-router@5.2.0(@vue/compiler-sfc@3.5.40)(esbuild@0.28.1)(rollup@4.62.2)(vite@7.3.6(@types/node@24.13.3)(jiti@2.7.0)(lightningcss@1.32.0)(sass-embedded@1.100.0)(sass@1.100.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3)))(vue@3.5.40(typescript@5.9.3))
+      bowser:
+        specifier: ^2.14.1
+        version: 2.14.1
       dompurify:
         specifier: ^3.4.13
         version: 3.4.13
@@ -3702,6 +3705,7 @@ packages:
   '@xmldom/xmldom@0.9.12':
     resolution: {integrity: sha512-5AXjrcMClTryPe9LgZrygpB1lj7s0S9E0+W+AHaVKAVyHanafK86iPSvG5xHVSp/jC+VH1UXu0TAEmY279xH7A==}
     engines: {node: '>=14.6'}
+    deprecated: this version has critical issues, please update to the latest version
 
   '@zarrita/storage@0.2.0':
     resolution: {integrity: sha512-855ZXqtnds7spnT8vNvD+MXa3QExP1m2GqShe8yt7uZXHnQLgJHgkpVwFjE1B0KDDRO0ki09hmk6OboTaIfPsQ==}
@@ -3916,6 +3920,9 @@ packages:
   boundary@2.0.0:
     resolution: {integrity: sha512-rJKn5ooC9u8q13IMCrW0RSp31pxBCHE3y9V/tp3TdWSLf8Em3p6Di4NBpfzbJge9YjjFEsD0RtFEjtvHL5VyEA==}
 
+  bowser@2.14.1:
+    resolution: {integrity: sha512-tzPjzCxygAKWFOJP011oxFHs57HzIhOEracIgAePE4pqB3LikALKnSzUyU4MGs9/iCEUuHlAJTjTc5M+u7YEGg==}
+
   brace-expansion@1.1.18:
     resolution: {integrity: sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==}
 
@@ -12291,6 +12298,8 @@ snapshots:
 
   boundary@2.0.0: {}
 
+  bowser@2.14.1: {}
+
   brace-expansion@1.1.18:
     dependencies:
       balanced-match: 1.0.2
diff --git a/tests-unit/utils/explorer-feedback.spec.ts b/tests-unit/utils/explorer-feedback.spec.ts
new file mode 100644
index 000000000..9863606ce
--- /dev/null
+++ b/tests-unit/utils/explorer-feedback.spec.ts
@@ -0,0 +1,79 @@
+import { describe, expect, it } from 'vitest'
+import { buildExplorerFeedbackUrl, getSimplifiedUserAgent } from '~/utils/explorer-feedback'
+
+const dataset = {
+  id: 'ds-1',
+  title: 'Recensement de la population',
+  page: 'https://www.data.gouv.fr/fr/datasets/recensement/',
+}
+const resourceExternalUrl = 'https://www.data.gouv.fr/fr/datasets/recensement/?resource_id=res-1'
+const resourceFormat = 'csv'
+const simplifiedUserAgent = 'Firefox - desktop'
+
+describe('buildExplorerFeedbackUrl', () => {
+  it('appends all six context params to the base URL', () => {
+    const url = new URL(buildExplorerFeedbackUrl('https://example.com/feedback', { dataset, resourceExternalUrl, resourceFormat, simplifiedUserAgent }))
+
+    expect(url.searchParams.get('dataset_id')).toBe('ds-1')
+    expect(url.searchParams.get('dataset_url')).toBe('https://www.data.gouv.fr/fr/datasets/recensement/')
+    expect(url.searchParams.get('dataset_name')).toBe('Recensement de la population')
+    expect(url.searchParams.get('url_ressource')).toBe('https://www.data.gouv.fr/fr/datasets/recensement/?resource_id=res-1')
+    expect(url.searchParams.get('format_ressource')).toBe('csv')
+    expect(url.searchParams.get('navigateur_appareil')).toBe(simplifiedUserAgent)
+  })
+
+  it('keeps query params already present in the base URL', () => {
+    const url = new URL(buildExplorerFeedbackUrl('https://example.com/feedback?source=banner', { dataset, resourceExternalUrl, resourceFormat, simplifiedUserAgent }))
+
+    expect(url.searchParams.get('source')).toBe('banner')
+    expect(url.searchParams.get('dataset_id')).toBe('ds-1')
+  })
+
+  it('omits resource params when no resource is resolved yet', () => {
+    const url = new URL(buildExplorerFeedbackUrl('https://example.com/feedback', { dataset, resourceExternalUrl: null, resourceFormat: null, simplifiedUserAgent }))
+
+    expect(url.searchParams.has('url_ressource')).toBe(false)
+    expect(url.searchParams.has('format_ressource')).toBe(false)
+    expect(url.searchParams.get('dataset_id')).toBe('ds-1')
+  })
+
+  it('omits navigateur_appareil during SSR (no user agent)', () => {
+    const url = new URL(buildExplorerFeedbackUrl('https://example.com/feedback', { dataset, resourceExternalUrl, resourceFormat, simplifiedUserAgent: null }))
+
+    expect(url.searchParams.has('navigateur_appareil')).toBe(false)
+  })
+
+  it('returns the base URL unchanged when it is not a valid absolute URL', () => {
+    expect(buildExplorerFeedbackUrl('/relative/path', { dataset, resourceExternalUrl, resourceFormat, simplifiedUserAgent })).toBe('/relative/path')
+  })
+})
+
+describe('getSimplifiedUserAgent', () => {
+  it('detects Firefox on desktop', () => {
+    expect(getSimplifiedUserAgent('Mozilla/5.0 (X11; Linux x86_64; rv:141.0) Gecko/20100101 Firefox/141.0')).toBe('Firefox - desktop')
+  })
+
+  it('detects Chrome on desktop', () => {
+    expect(getSimplifiedUserAgent('Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36')).toBe('Chrome - desktop')
+  })
+
+  it('detects Safari on mobile', () => {
+    expect(getSimplifiedUserAgent('Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1')).toBe('Safari - mobile')
+  })
+
+  it('detects Edge on desktop', () => {
+    expect(getSimplifiedUserAgent('Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 Edg/128.0.0.0')).toBe('Microsoft Edge - desktop')
+  })
+
+  it('detects Android phone as mobile', () => {
+    expect(getSimplifiedUserAgent('Mozilla/5.0 (Linux; Android 14; Pixel 7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Mobile Safari/537.36')).toBe('Chrome - mobile')
+  })
+
+  it('detects Android tablet without an explicit Tablet token', () => {
+    expect(getSimplifiedUserAgent('Mozilla/5.0 (Linux; Android 14; SM-X910) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36')).toBe('Chrome - tablet')
+  })
+
+  it('falls back to Other for unknown browsers', () => {
+    expect(getSimplifiedUserAgent('SomeUnknownAgent/1.0')).toBe('Other - desktop')
+  })
+})
diff --git a/tests/datasets/explorer-feedback.spec.ts b/tests/datasets/explorer-feedback.spec.ts
new file mode 100644
index 000000000..a59d8b896
--- /dev/null
+++ b/tests/datasets/explorer-feedback.spec.ts
@@ -0,0 +1,36 @@
+import { test, expect } from '../base'
+import { createDatasetWithRemoteResources, deleteDatasets, enableNewExplorer } from '../helpers'
+
+const createdDatasets: Array<string> = []
+
+test.afterEach(async ({ page, request }) => {
+  await page.context().clearCookies({ name: 'new_explorer' })
+  await deleteDatasets(request, createdDatasets)
+})
+
+test('the feedback link pre-fills the form with the current context', async ({ page, request }) => {
+  const { dataset, resources } = await createDatasetWithRemoteResources(request, `Test explorer feedback ${Date.now()}`, ['Fichier numero 01'])
+  createdDatasets.push(dataset.id)
+  const resource = resources[0]!
+  const resourceQuery = `?resource_id=${resource.id}`
+
+  await enableNewExplorer(page, `/datasets/${dataset.id}${resourceQuery}`)
+
+  const link = page.getByRole('link', { name: 'Donner votre avis' })
+  // The resource params only appear once the explorer has forwarded its
+  // selection client-side, so let the assertion retry instead of reading the
+  // SSR href once.
+  await expect(link).toHaveAttribute('href', /url_ressource=/)
+
+  const hrefAttribute = await link.getAttribute('href')
+  expect(hrefAttribute).toBeTruthy()
+  const href = new URL(hrefAttribute!)
+  expect(href.searchParams.get('dataset_id')).toBe(dataset.id)
+  expect(href.searchParams.get('dataset_name')).toBe(dataset.title)
+  expect(href.searchParams.get('dataset_url')).toContain(`/datasets/${dataset.slug}`)
+  expect(href.searchParams.get('url_ressource')).toBe(`${href.searchParams.get('dataset_url')}${resourceQuery}`)
+  expect(href.searchParams.get('format_ressource')).toBe('csv')
+  // The spec runs on both chromium and firefox projects.
+  const expectedBrowser = test.info().project.name === 'firefox' ? 'Firefox' : 'Chrome'
+  expect(href.searchParams.get('navigateur_appareil')).toBe(`${expectedBrowser} - desktop`)
+})
diff --git a/utils/explorer-feedback.ts b/utils/explorer-feedback.ts
new file mode 100644
index 000000000..415835fcb
--- /dev/null
+++ b/utils/explorer-feedback.ts
@@ -0,0 +1,54 @@
+import type { DatasetV2 } from '@datagouv/components-next'
+import Bowser from 'bowser'
+
+export type ExplorerFeedbackContext = {
+  dataset: Pick<DatasetV2, 'id' | 'page' | 'title'>
+  // The selected resource's canonical permalink (getResourceExternalUrl), not
+  // its raw file URL.
+  resourceExternalUrl: string | null
+  // The selected resource's format; only set together with resourceExternalUrl.
+  resourceFormat: string | null
+  simplifiedUserAgent: string | null
+}
+
+// Returns a human-readable "Browser - device" string from a raw user agent.
+// The form owner only needs a rough idea of the visitor's environment.
+export function getSimplifiedUserAgent(userAgent: string): string {
+  const parsed = Bowser.parse(userAgent)
+
+  const browser = parsed.browser.name || 'Other'
+
+  const device = parsed.platform.type === 'tablet' || parsed.platform.type === 'mobile'
+    ? parsed.platform.type
+    : 'desktop'
+
+  return `${browser} - ${device}`
+}
+
+// Builds the banner's feedback-form URL with the current context pre-filled as
+// query params, so the form owner knows what the visitor was looking at. Resource
+// params are omitted (not sent empty) until the explorer resolves its selection,
+// and the simplified user agent only exists client-side.
+export function buildExplorerFeedbackUrl(baseUrl: string, { dataset, resourceExternalUrl, resourceFormat, simplifiedUserAgent }: ExplorerFeedbackContext): string {
+  let url: URL
+  try {
+    url = new URL(baseUrl)
+  }
+  catch {
+    // Misconfigured base URL: better an un-prefilled form than a broken page.
+    return baseUrl
+  }
+  url.searchParams.set('dataset_id', dataset.id)
+  url.searchParams.set('dataset_url', dataset.page)
+  url.searchParams.set('dataset_name', dataset.title)
+  if (resourceExternalUrl) {
+    url.searchParams.set('url_ressource', resourceExternalUrl)
+  }
+  if (resourceFormat) {
+    url.searchParams.set('format_ressource', resourceFormat)
+  }
+  if (simplifiedUserAgent) {
+    url.searchParams.set('navigateur_appareil', simplifiedUserAgent)
+  }
+  return url.toString()
+}