diff --git a/site/source/components/layout/Footer/useFeedback.ts b/site/source/components/layout/Footer/useFeedback.ts index f26b374f2..e1c24678d 100644 --- a/site/source/components/layout/Footer/useFeedback.ts +++ b/site/source/components/layout/Footer/useFeedback.ts @@ -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, diff --git a/site/source/locales/ui-en.yaml b/site/source/locales/ui-en.yaml index fe6936e06..c1e73a735 100644 --- a/site/source/locales/ui-en.yaml +++ b/site/source/locales/ui-en.yaml @@ -1496,6 +1496,17 @@ pages: letter by post (free of charge, do not put a stamp on it) to:<1>Défenseur des droits<3>Libre réponse 71120<5>75342 Paris CEDEX 07<22>Updated on 29/01/2021 + assistant: + recherche-code-ape: + seo explanation: "<0>How does the APE code search work?<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.<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." 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 - and <6>economie.gouv.fr. + 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.<1><0>Find more information about the APE code on + <2>entreprendre.service-public.fr and + <6>economie.gouv.fr. meta: description: Wizard to find the APE code that corresponds to your activity. title: APE code search diff --git a/site/source/locales/ui-fr.yaml b/site/source/locales/ui-fr.yaml index fca913782..183d20d8e 100644 --- a/site/source/locales/ui-fr.yaml +++ b/site/source/locales/ui-fr.yaml @@ -1304,6 +1304,19 @@ pages: à :<1>Défenseur des droits<3>Libre réponse 71120<5>75342 Paris CEDEX 07<22>Mis à jour le 29/01/2021 + assistant: + recherche-code-ape: + seo explanation: "<0>Comment fonctionne la recherche de code APE ?<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.<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." 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 et <6>economie.gouv.fr. + catégoriser.<1><0>Retrouvez plus d'informations sur le code APE sur + <2>entreprendre.service-public.fr et + <6>economie.gouv.fr. meta: description: Assistant pour trouver le code APE qui correspond à votre activité. title: Recherche de code APE diff --git a/site/source/pages/assistants/recherche-code-ape/config.ts b/site/source/pages/assistants/recherche-code-ape/config.ts deleted file mode 100644 index c9406fb8b..000000000 --- a/site/source/pages/assistants/recherche-code-ape/config.ts +++ /dev/null @@ -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) -} diff --git a/site/source/pages/assistants/recherche-code-ape/config.tsx b/site/source/pages/assistants/recherche-code-ape/config.tsx new file mode 100644 index 000000000..23a3a5a2c --- /dev/null +++ b/site/source/pages/assistants/recherche-code-ape/config.tsx @@ -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 = () => ( + +

Comment fonctionne la recherche de code APE ?

+ + 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. + + + 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. + + +) diff --git a/site/source/pages/assistants/recherche-code-ape/index.tsx b/site/source/pages/assistants/recherche-code-ape/index.tsx index bee768b7f..83c0e5c3e 100644 --- a/site/source/pages/assistants/recherche-code-ape/index.tsx +++ b/site/source/pages/assistants/recherche-code-ape/index.tsx @@ -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 ( <> - - + + 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{' '} - - entreprendre.service-public.fr - {' '} - et{' '} - - economie.gouv.fr - - . - - + catégoriser. + + + + + Retrouvez plus d'informations sur le code APE sur{' '} + + entreprendre.service-public.fr + {' '} + et{' '} + + economie.gouv.fr + + . + + +