Ajoute une description pour la recherche APE

pull/2538/head
Johan Girod 2023-03-06 16:17:31 +01:00
parent ec36dcf6fe
commit 93598cbf7c
6 changed files with 124 additions and 66 deletions

View File

@ -5,7 +5,7 @@ import useSimulatorsData from '@/hooks/useSimulatorsData'
import { useSitePaths } from '@/sitePaths'
const PAGE_TITLE = 'Un avis sur cette page ?'
const SIMULATOR_TITLE = 'Un avis sur ce simulateur ?'
const SIMULATOR_TITLE = 'Un avis sur cet outil ?'
export const useFeedback = () => {
const [shouldShowRater, setShouldShowRater] = useState(false)
@ -24,13 +24,13 @@ export const useFeedback = () => {
absoluteSitePaths.simulateurs.index,
absoluteSitePaths.plan,
absoluteSitePaths.budget,
absoluteSitePaths.assistants.index,
absoluteSitePaths.assistants['choix-du-statut'].index,
absoluteSitePaths.accessibilité,
].includes(currentPathDecoded) &&
// Exclure les pages et sous-pages
![
absoluteSitePaths.documentation.index,
absoluteSitePaths.assistants.index,
absoluteSitePaths.assistants['choix-du-statut'].index,
absoluteSitePaths.nouveautés,
absoluteSitePaths.stats,
absoluteSitePaths.développeur.index,

View File

@ -1496,6 +1496,17 @@ pages:
letter by post (free of charge, do not put a stamp on it)
to:<1></1>Défenseur des droits<3></3>Libre réponse 71120<5></5>75342 Paris
CEDEX 07</2></21><22>Updated on 29/01/2021</22>
assistant:
recherche-code-ape:
seo explanation: "<0>How does the APE code search work?</0><1>To find your
company's APE code, enter one or two keywords that describe the
activity. For example: \"catering\" or \"sports coach\". The search uses
the Insee and Guichet Unique databases to find the corresponding
activities. Moreover, the most popular results (with the most companies
created) are displayed first.</1><2>If you do not find the APE code
corresponding to your activity with this search, you can report it to us
with the button \"I do not find my activity\". This will allow us to
improve the search by adding keywords according to your feedback.</2>"
assistants:
pour-mon-entreprise:
avertissement-entreprise-non-traitée: <0>There is not yet an income simulator
@ -1521,11 +1532,12 @@ pages:
description: Simulators and wizards adapted to your company
title: Manage my business
recherche-code-ape:
description: This wizard allows you to quickly find the APE code (main activity)
that corresponds to your activity. This code is assigned by INSEE to
each company in France in order to categorize them. Find more
information about the APE code on <2>entreprendre.service-public.fr</2>
and <6>economie.gouv.fr</6>.
description: <0>This wizard allows you to quickly find the APE code (main
activity) that corresponds to your activity. This code is assigned by
INSEE to each company in France in order to categorize
them.</0><1><0>Find more information about the APE code on
<2>entreprendre.service-public.fr</2> and
<6>economie.gouv.fr</6>.</0></1>
meta:
description: Wizard to find the APE code that corresponds to your activity.
title: APE code search

View File

@ -1304,6 +1304,19 @@ pages:
à&nbsp;:<1></1>Défenseur des droits<3></3>Libre réponse
71120<5></5>75342&nbsp;Paris CEDEX 07</2></21><22>Mis à jour le
29/01/2021</22>
assistant:
recherche-code-ape:
seo explanation: "<0>Comment fonctionne la recherche de code APE ?</0><1>Pour
retrouver le code APE de votre entreprise, saisissez un ou deux
mots-clés qui décrivent l'activité exercée. Par exemple : « restauration
» ou « coach sportif » La recherche utilise les bases de l'Insee et du
Guichet Unique pour trouver les activités qui correspondent. Par
ailleurs, les résultats les plus populaires (avec le plus d'entreprise
crées) sont affichés en premier.</1><2>Si vous ne retrouvez pas le code
APE correspondant à votre activité, vous pouvez
nous le signaler avec le bouton « Je ne trouve pas mon activité ». Cela
nous permettra d'améliorer la recherche en ajoutant des mots clés au fur
et à mesure de vos retours.</2>"
assistants:
pour-mon-entreprise:
avertissement-entreprise-non-traitée: <0>Il n'existe pas encore de simulateur de
@ -1331,11 +1344,12 @@ pages:
description: Simulateurs et assistants adaptés à votre entreprise
title: Gérer mon activité
recherche-code-ape:
description: Cet assistant vous permet de trouver rapidement le code APE
description: <0>Cet assistant vous permet de trouver rapidement le code APE
(activité principale exercée) qui correspond à votre activité. Ce code
est attribué par l'INSEE à chaque entreprise en France afin de les
catégoriser. Retrouvez plus d'informations sur le code APE sur
<2>entreprendre.service-public.fr</2> et <6>economie.gouv.fr</6>.
catégoriser.</0><1><0>Retrouvez plus d'informations sur le code APE sur
<2>entreprendre.service-public.fr</2> et
<6>economie.gouv.fr</6>.</0></1>
meta:
description: Assistant pour trouver le code APE qui correspond à votre activité.
title: Recherche de code APE

View File

@ -1,35 +0,0 @@
import { config } from '@/pages/simulateurs/_configs/config'
import { SimulatorsDataParams } from '@/pages/simulateurs/_configs/types'
import SearchCodeApePage from '.'
export function rechercheCodeApeConfig({ t, sitePaths }: SimulatorsDataParams) {
return config({
beta: true,
id: 'recherche-code-ape',
pathId: 'assistants.recherche-code-ape',
path: sitePaths.assistants['recherche-code-ape'],
iframePath: 'recherche-code-ape',
icône: '🔍',
title: t(
'pages.assistants.recherche-code-ape.title',
'Quel code APE pour mon activité ? '
),
shortName: t(
'pages.assistants.recherche-code-ape.shortname',
'Recherche de code APE'
),
meta: {
title: t(
'pages.assistants.recherche-code-ape.meta.title',
'Recherche de code APE'
),
description: t(
'pages.assistants.recherche-code-ape.meta.description',
'Assistant pour trouver le code APE qui correspond à votre activité.'
),
},
tracking: 'recherche_code_ape',
component: SearchCodeApePage,
} as const)
}

View File

@ -0,0 +1,60 @@
import { Trans } from 'react-i18next'
import { H2 } from '@/design-system/typography/heading'
import { Body } from '@/design-system/typography/paragraphs'
import { config } from '@/pages/simulateurs/_configs/config'
import { SimulatorsDataParams } from '@/pages/simulateurs/_configs/types'
import SearchCodeApePage from '.'
export function rechercheCodeApeConfig({ t, sitePaths }: SimulatorsDataParams) {
return config({
beta: true,
id: 'recherche-code-ape',
pathId: 'assistants.recherche-code-ape',
path: sitePaths.assistants['recherche-code-ape'],
iframePath: 'recherche-code-ape',
icône: '🔍',
title: t(
'pages.assistants.recherche-code-ape.title',
'Quel code APE pour mon activité ? '
),
shortName: t(
'pages.assistants.recherche-code-ape.shortname',
'Recherche de code APE'
),
meta: {
title: t(
'pages.assistants.recherche-code-ape.meta.title',
'Recherche de code APE'
),
description: t(
'pages.assistants.recherche-code-ape.meta.description',
'Assistant pour trouver le code APE qui correspond à votre activité.'
),
},
tracking: 'recherche_code_ape',
component: SearchCodeApePage,
seoExplanations: SeoExplanations,
} as const)
}
export const SeoExplanations = () => (
<Trans i18nKey="pages.assistant.recherche-code-ape.seo explanation">
<H2>Comment fonctionne la recherche de code APE ?</H2>
<Body>
Pour retrouver le code APE de votre entreprise, saisissez un ou deux
mots-clés qui décrivent l'activité exercée. Par exemple : « restauration »
ou « coach sportif » La recherche utilise les bases de l'Insee et du
Guichet Unique pour trouver les activités qui correspondent. Par ailleurs,
les résultats les plus populaires (avec le plus d'entreprise crées) sont
affichés en premier.
</Body>
<Body>
Si vous ne retrouvez pas le code APE correspondant à votre activité, vous
pouvez nous le signaler avec le bouton « Je ne trouve pas mon activité ».
Cela nous permettra d'améliorer la recherche en ajoutant des mots clés au
fur et à mesure de vos retours.
</Body>
</Trans>
)

View File

@ -1,9 +1,10 @@
import { Trans } from 'react-i18next'
import { TrackPage } from '@/components/ATInternetTracking'
import { Message } from '@/design-system'
import { Spacing } from '@/design-system/layout'
import { Link } from '@/design-system/typography/link'
import { Body } from '@/design-system/typography/paragraphs'
import { Body, SmallBody } from '@/design-system/typography/paragraphs'
import SearchCodeAPE from './SearchCodeAPE'
@ -11,28 +12,34 @@ export default function SearchCodeApePage() {
return (
<>
<TrackPage name="accueil" />
<Body>
<Trans i18nKey="pages.assistants.recherche-code-ape.description">
<Trans i18nKey="pages.assistants.recherche-code-ape.description">
<Body>
Cet assistant vous permet de trouver rapidement le code APE (activité
principale exercée) qui correspond à votre activité. Ce code est
attribué par l'INSEE à chaque entreprise en France afin de les
catégoriser. Retrouvez plus d'informations sur le code APE sur{' '}
<Link
aria-label="Plus d'infos, en savoir plus sur service-public.fr, nouvelle fenêtre"
href="https://entreprendre.service-public.fr/vosdroits/F33050"
>
entreprendre.service-public.fr
</Link>{' '}
et{' '}
<Link
aria-label="Plus d'infos, en savoir plus sur service-public.fr, nouvelle fenêtre"
href="https://www.economie.gouv.fr/entreprises/activite-entreprise-code-ape-code-naf"
>
economie.gouv.fr
</Link>
.
</Trans>
</Body>
catégoriser.
</Body>
<Message border={false} icon mini>
<SmallBody>
Retrouvez plus d'informations sur le code APE sur{' '}
<Link
aria-label="Plus d'infos, en savoir plus sur service-public.fr, nouvelle fenêtre"
href="https://entreprendre.service-public.fr/vosdroits/F33050"
>
entreprendre.service-public.fr
</Link>{' '}
et{' '}
<Link
aria-label="Plus d'infos, en savoir plus sur service-public.fr, nouvelle fenêtre"
href="https://www.economie.gouv.fr/entreprises/activite-entreprise-code-ape-code-naf"
>
economie.gouv.fr
</Link>
.
</SmallBody>
</Message>
</Trans>
<Spacing md />
<SearchCodeAPE disabled />
</>