Kyauta Mai Ƙirƙirar Link na Kamfen UTM

Ƙirƙiri URLs na kamfen da za a iya bibiya tare da sigogin UTM don Google Analytics da sauran kayan aiki. Preview mai rai, zaɓuɓɓuka, da kwafi da danna guda ɗaya.

Yana aiki babu haɗi da zarar an loda shi

Zaɓuɓɓuka na gaggawa

Inda zirga-zirgar ke fitowa (mai tura zirga-zirga).

Hanyar/matsakaicin tallace-tallace.

Takamaiman yakin talla ko gasa.

Kalmomin da aka biya kudi (zabi, don bincike mai biya).

Yana bambanta hanyoyin haɗi/tallace-tallace masu kama da juna (zabi, don gwajin A/B).

Shigar da URL na shafi a sama don gina hanyar bin diddigi

💡 Sigogin UTM suna bawa Google Analytics, Plausible, da sauran kayan aiki damar danganta zirga-zirga ga takamaiman kamfen. Ka riƙe daidaiton sunaye (misali koyaushe 'email', ba wani lokaci 'Email' ba) — analytics yana bi da su a matsayin masu bambanci tsakanin manya da ƙananan haruffa kuma zai raba bayananka in ba haka ba.

Yadda Yake Aiki

Mai ginin UTM yana haɗa hanyoyin haɗi na bin diddigi gaba ɗaya a burauza ta amfani da URL da URLSearchParams APIs na al'ada — babu uwar garke, babu lodawa. Yayin da kake bugawa, wani useMemo hook mai rai yana nazarin URL ɗinka na asali, yana tabbatar da hostname, kuma yana ƙara sigogin UTM da ka cika kawai.

  1. 1
    Nazari da tabbatar da URL
    Ana ba wa URL ɗinka na asali ga mai gina URL na burauza da aka gina. Kayan aikin yana ƙara https:// atomatik idan babu scheme, sannan yana duba cewa hostname yana da akalla ɗigo guda (ko localhost ne) — yana ƙin harshe na kyauta kafin ya gurɓata fitarwa.
  2. 2
    An ƙara sigogin UTM ta URLSearchParams
    Kowace filin da aka cika (source, medium, campaign, term, content) ana rubuta shi zuwa abin search-params na URL da URLSearchParams.set(). Idan sauyawar ƙananan-harufa a kunne yake, ana babbaita ƙimomin zuwa ƙananan a wannan matakin, wanda yake hana rashin daidaituwar bin diddigi da rashin daidaito na babba/karami yake haifar.
  3. 3
    An zana lambar QR da ɗakin karatu na qrcode
    Duk lokacin da URL na ƙarshe ya canja, ɗakin karatu na qrcode yana zana wani data-URL na 256-px don dubawa na cikin-layi kuma a lokaci guda yana zana wani salo na 1024-px zuwa wani canvas a wajen allo. Canvas sannan ana serialize shi zuwa Blob na PNG ta canvas.toBlob() don maɓallin saukewa ya iya ajiye shi lokaci guda — ana bukata a iOS, inda ƙirƙirar Blob na async a cikin mai kula da danna aka toshe.
  4. 4
    Template mai iya rabawa ta hash na shafi
    Ana ɓoye yanayin form (URL na asali tare da duk ƙimomin UTM) kai tsaye zuwa fragment na URL na shafin ta amfani da window.history.replaceState. Duk wanda ya buɗe wancan URL mai hash yana samun form da aka riga aka cika, don ka iya ajiyewa ko raba template na kamfen babu ajiya a gefen uwar garke.

Kayan Aiki Masu Alaƙa

Tambayoyin Da Ake Yi Sau Da Dama