Olùmúdásílẹ̀ Ìjápọ̀ Ìpolówó UTM Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Olùmújáde UTM ń kó àwọn URL ìtọpasẹ̀ papọ̀ pátápátá nínú aṣàwákiri ní lílo àwọn API URL àti URLSearchParams déédéé — kò sí sáfà, kò sí gbígbé sókè. Bí o ṣe ń kọ, hook useMemo láàyè kan ń pín URL ìpìlẹ̀ rẹ, ó ń fọwọ́sí orúkọ ẹ̀rọ náà, ó sì ń fi àwọn àkànṣe UTM tí o kún nìkan kún un.

1. 1
   Ìpín àti ìfọwọ́sí URL

   A ń fi URL ìpìlẹ̀ rẹ sí olùkọ́ URL abínibí aṣàwákiri. Irinṣẹ́ náà ń fi https:// síwájú láifọwọ́kàn bí kò bá sí ètò kan, kí ó sì ṣàyẹ̀wò pé orúkọ ẹ̀rọ náà ní dọ̀tì kan ó kéré tán (tàbí ó jẹ́ localhost) — tí ó ń kọ ọ̀rọ̀ lásán kí ó tó bàjẹ́ ìtọjade náà.
2. 2
   A fi àwọn àkànṣe UTM kún un nípasẹ̀ URLSearchParams

   A ń kọ pápá tí a kún kọ̀ọ̀kan (source, medium, campaign, term, content) sí ohun àkànṣe-ìbéèrè URL náà pẹ̀lú URLSearchParams.set(). Bí àmì kékeré-lásán bá tan, àwọn iye ni a sọ di kékeré-lásán ní ìdí yìí, èyí tí ó ń dí ìdíwọ́ fún ìdámọ̀ tí kò bára mu tí ó ń wá láti ìṣàìdọ́gba ńlá-kékeré.
3. 3
   Ìwé-ìṣirò qrcode ń ṣe àwòrán kóòdù QR

   Nígbàkigbà tí URL gbẹ̀yìn bá yí padà, ìwé-ìṣirò qrcode ń ṣe àwòrán URL-dátà 256-px kan fún àkíyèsí inú-ìlà, ó sì ń yà ẹ̀dà 1024-px kan sí canvas lóde-ìfihàn kan ní àkókò kan náà. A sì ń serialize canvas náà sí Blob PNG kan nípasẹ̀ canvas.toBlob() nítorí náà bọ́tìnnì gbígbà náà lè fi pamọ́ ní ìdáhùn kan — tí ó nílò lórí iOS, níbi tí ìṣẹ̀dá Blob asán nínú olùmú ìtẹ̀ kan dí lọ́wọ́.
4. 4
   Àpẹẹrẹ tí a lè pín nípasẹ̀ hash ojú-ìwé náà

   A ń ṣe àmúlò ipò fọ́ọ̀mù náà (URL ìpìlẹ̀ pẹ̀lú iye UTM èyíkéyìí) ní àìdáwọ́dúró sí fragment URL ojú-ìwé náà ní lílo window.history.replaceState. Ẹnikẹ́ni tí ó bá ṣí URL tí ó ní hash yẹn ń rí fọ́ọ̀mù náà tí a ti kún tẹ́lẹ̀, nítorí náà o lè fi àpẹẹrẹ ìpolongo kan pamọ́ tàbí pín in láìsí ìpamọ́ ẹ̀gbẹ́-sáfà kankan.

Àwọn Irinṣẹ Tó Jọra