Download as pdf or txt
Download as pdf or txt
You are on page 1of 16

‫ﺧﻄﻮة ﺑﺨﻄﻮة إزاي‬

‫ﺗﺴﺘﻔﻴﺪ ﻣﻦ ﻛﻮرس‬
‫‪GOOGLE TAG‬‬
‫‪MANAGER‬‬

‫دﻟﻴﻠﻚ اﻟﻜﺎﻣﻞ ﻟﺘﻌﻠﻢ ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ ﻣﻊ ﻣﻬﺎم و‬


‫أﻣﺜﻠﺔ إﺿﺎﻓﻴﺔ ﻟﺘﻄﻮﻳﺮ ﺗﺠﺎرﺑﻚ ﻣﻊ اﻟﺸﺮح‬

‫ﻫﺪاﻳﺎ ﻓﻰ ﻧﻬﺎﻳﺔ اﻟﻜﺘﺎب‬

‫ﻣﺤﺘﻮى ﻫﺬا اﻟﻜﺘﺎب ﻣﺘﺠﺪد ﺑﺎﺳﺘﻤﺮار ﻓﻀ ﻼ ً ﻣﺘﺎﺑﻌﺔ‬


‫اﻟﺘﺤﺪﻳﺜﺎت ﻣﻦ ﺧﻼل ﺣﺴﺎﺑﻚ ﻣﻌﺎﻧﺎ‬
‫اﻹﺻﺪار ‪1.0.0‬‬
‫‪learn.ebrahim.me‬‬
‫‪Sold to‬‬
‫‪mohammedalhosini412@gmail.com‬‬
‫ﻓﻬﺮس اﻟﻤﺤﺘﻮى‬

‫ﻣﻘﺪﻣﺔ اﻟﻜﻮرس ‪3 ..........................................................................................‬‬


‫‪ 10‬أﺳﺒﺎب ﻻﺳﺘﺨﺪام ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ ‪4 ...............................................................‬‬
‫ﺷﺮح إﻧﺸﺎء ﺣﺴﺎب ﺟﺪﻳﺪ و ‪ Container‬ﻟﻠﻤﻮﻗﻊ ‪5 ...................................................‬‬
‫ﺷﺮح رﺑﻂ ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ ﺑﺎﻟﻤﻮﻗﻊ ‪5 ..................................................................‬‬
‫ﺷﺮح اﻟﻤﺴﺘﺨﺪﻣﻴﻦ و اﻟﺼﻼﺣﻴﺎت ‪6 ......................................................................‬‬
‫ﻧﻈﺮة ﻋﺎﻣﺔ ﻋﻠﻰ ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ ‪6 ......................................................................‬‬
‫ﺷﺮح ‪7 .................................................................................................... Tags‬‬
‫ﺷﺮح ‪7 .............................................................................................. Triggers‬‬
‫ﺷﺮح ‪8 ............................................................................................. Variables‬‬
‫ﺷﺮح ‪8 ....................................................................................... Preview - GTA‬‬
‫ﺷﺮح ‪9 ........................................................................................ Trigger Page‬‬
‫ﺷﺮح ‪9 ...................................................................................... Trigger Clicks‬‬
‫ﺷﺮح ‪10 ..................................................................... Trigger Element Visibility‬‬
‫ﺷﺮح ‪10 ..................................................................... Trigger Form submission‬‬
‫ﺷﺮح ‪11 ............................................................................ Trigger Scroll Depth‬‬
‫ﺷﺮح ‪11 ................................................................................. Trigger YouTube‬‬
‫ﺷﺮح ‪12 .......................................................................................Trigger Timer‬‬
‫ﺷﺮح ‪12 .................................................................................Trigger DataLayer‬‬
‫ﻓﻴﺪﻳﻮﻫﺎت ﺷﺮح ﻷﺳﺘﺨﺪﻣﺎت ‪13 .................................................................... GTM‬‬
‫أﻓﻀﻞ ﻗﻮاﻟﺐ اﻟﻌﻼﻣﺎت ‪14 ..................................................................................‬‬
‫اﻟﻤﺼﺎدر ‪16 ......................................................................................................‬‬

‫‪learn.ebrahim.me‬‬ ‫ﺻﻔﺤﺔ رﻗﻢ ‪2‬‬


‫ﻣﻘﺪﻣﺔ اﻟﻜﻮرس‬

‫ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ ﻣﻦ اﻻدوات اﻟﻬﺎﻣﺔ ﻷﺻﺤﺎب اﻟﻤﺘﺎﺟﺮ اﻹﻟﻜﺘﺮوﻧﻴﺔ و اﻟﻤﻮاﻗﻊ‬


‫اﻟﺨﺎﺻﺔ واﻟﺘﻄﺒﻴﻘﺎت‪.‬‬

‫ﻓﻬﻰ ﺗﺴﺎﻋﺪك ﻋﻠﻰ إﺗﻤﺎم ﻣﻬﺎم ﺗﺤﻠﻴﻞ اﻟﻤﻮﻗﻊ و اﻻرﻗﺎم وﻣﻌﺮﻓﺔ ﺗﺤﺮﻛﺎت‬
‫اﻟﺰوار واﻟﻜﺜﻴﺮ ﺑﻜﻞ ﺳﻬﻮﻟﻪ ﺑﺪون ﻛﺘﺎﺑﺔ اﻛﻮاد إﻻ ﻓﻰ ﺑﻌﺾ اﻟﺤﺎﻻت اﻟﺒﺴﻴﻄﺔ‪.‬‬

‫وﻟﻜﻦ ﻟﻴﺴﺖ ﺗﻌﺮض أي ﺑﻴﺎﻧﺎت ﻋﻦ ﻣﺎ ﺳﺒﻖ ﻫﻲ ﻓﻘﻂ وﺳﻴﻠﺔ ﺗﺴﺎﻋﺪك ﻋﻠﻰ‬


‫اﻟﻮﺻﻮل ﻷﻫﺪاﻓﻚ ﺑﺎﻟﺮﺑﻂ ﻣﻊ اﻻدوات اﻻﺧﺮى ﻣﺜﻞ ‪ Google Analytics 4‬او‬
‫‪ Facebook‬وﻏﻴﺮﻫﺎ‪.‬‬

‫ﻣﺎذا ﻳﺤﺘﻮي ﻫﺬا اﻟﻜﺘﺎب؟‬


‫‪ .1‬ﺟﻤﻴﻊ ﻣﺼﺎدر اﻟﺸﺮح ﻓﻰ ﻣﻜﺎن واﺣﺪ‪.‬‬
‫‪ .2‬ﻣﻌﻠﻮﻣﺎت إﺿﺎﻓﻴﺔ ﻟﻜﻞ ﻓﻴﺪﻳﻮ ﻟﻢ ﻧﺘﻤﻜﻦ ﻣﻦ ﺗﻮﺿﻴﺤﻬﺎ ﻓﻰ اﻟﻔﻴﺪﻳﻮﻫﺎت‪.‬‬
‫‪ .3‬ﻣﺠﻤﻮﻋﺔ ﻣﻦ اﻟﻤﻬﺎم ﺑﻌﺪ ﻛﻞ ﺷﺮح ﻟﻜﻲ ﺗﺘﻤﻜﻦ ﻣﻦ ﻣﻤﺎرﺳﺔ وﺗﻨﻔﻴﺬ اﻟﻤﺤﺘﻮى‬
‫ﺑﺸﻜﻞ أﻓﻀﻞ‪.‬‬
‫‪ .4‬ﻣﺠﻤﻮﻋﺔ ﻣﻦ ‪ Template Gallery‬اﻟﻬﺎﻣﺔ ﻓﻰ ‪GTM‬‬

‫ﻣﺎ ﻫﻲ اﻟﻤﺘﻄﻠﺒﺎت اﻷﺳﺎﺳﻴﺔ ﻟﻠﺘﻌﻠﻢ؟‬


‫‪ .1‬ﺗﻮاﻓﺮ أي ﻣﻮﻗﻊ ﺗﺠﺮﻳﺒﻲ ﻣﻦ ﺧﻼل اﻟﻤﻨﺼﺎت اﻟﻤﺨﺘﻠﻔﺔ ﻟﻠﺘﺠﺮﺑﺔ ﻣﻦ ﺧﻼﻟﺔ و‬
‫إﺿﺎﻓﺔ ﻛﻮد ‪ Google Tag Manager‬وﺗﻨﻔﻴﺬ اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ ﻳﻤﻜﻨﻚ اﻟﺤﺼﻮل‬
‫ﻋﻠﻰ ﻣﺘﺠﺮ ﺗﺠﺮﻳﺒﻲ ﻣﻦ ) إﻳﻨﻮﺷﻮب ﻟﻠﻤﺘﺎﺟﺮ اﻹﻟﻜﺘﺮوﻧﻴﺔ ( ﺧﻼل ‪ 60‬ﺛﺎﻧﻴﻪ‬
‫‪ .2‬ﺣﺴﺎب ﻋﻠﻰ ‪Google Tag Manager‬‬
‫‪ .3‬اﻟﺘﻔﺮغ ﻟﻤﺪة ﺳﺎﻋﺔ ﻳﻮﻣﻴ ًﺎ ﻟﻤﺸﺎﻫﺪة اﻟﻤﺤﺘﻮى و ﺗﻨﻔﻴﺬ اﻟﻤﻬﺎم‬

‫رواﺑﻂ وﻣﺼﺎدر ﻫﺎﻣﺔ‪:‬‬


‫‪ .1‬ﺟﺮوب ‪ Google Tag Manager‬ﺑﺎﻟﻌﺮﺑﻲ ) ﻓﻴﺴﺒﻮك (‬
‫‪ .2‬ﻗﻨﺎة ‪ ) Ebrahim.ME‬ﻳﻮﺗﻴﻮب (‬
‫‪ .3‬ﻗﺎﺋﻤﺔ ﻛﻮرس ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ ) ﻳﻮﺗﻴﻮب (‬
‫‪ .4‬ﻣﻮﻗﻊ ‪Ebrahim.ME‬‬

‫‪learn.ebrahim.me‬‬ ‫ﺻﻔﺤﺔ رﻗﻢ ‪3‬‬


‫‪ 10‬اﺳﺒﺎب ﻻﺳﺘﺨﺪام ‪GTM‬‬

‫ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ ﻫﻰ أداة ﻣﺠﺎﻧﻴﺔ ﻣﻦ ﺟﻮﺟﻞ ﺗﺴﺎﻋﺪك ﻓﻰ اﺿﺎﻓﺔ اﻻﻛﻮاد ﻓﻰ‬
‫اﻟﻤﻮﻗﻊ اﻟﺨﺎص ﺑﻚ ﺑﻜﻞ ﺳﻬﻮﻟﺔ ﺑﺪون اﻟﺮﺟﻮع اﻟﻰ ﻓﺮﻳﻖ اﻟﻮﻳﺐ ﻟﺘﻨﻔﻴﺬ ﻫﺬه‬
‫اﻟﺘﻌﺪﻳﻼت اﻟﺒﺮﻣﺠﻴﺔ‪.‬‬
‫ﻣﺜﻞ اﺿﺎﻓﺔ اﻛﻮاد اﻻﺣﺼﺎﺋﻴﺎت اﻟﺨﺎﺻﺔ ب ‪ Google Analytics‬أو رﺑﻂ ‪Events‬‬
‫اﻟﺨﺎﺻﺔ ب ‪ Google Analytics‬ﺑﺴﻬﻮﻟﺔ ﻓﻲ ﻣﻮﻗﻌﻚ ﺑﺪون اﻟﺤﺎﺟﺔ اﻟﻰ‬
‫اﻟﺘﻌﺪﻳﻼت اﻟﺒﺮﻣﺠﻴﺔ او اﺿﺎﻓﺔ اﻛﻮاد ﻓﻰ اﻟﻤﻮﻗﻊ ﺑﺨﻼف اﺿﺎﻓﺔ ﻛﻮد ‪Google‬‬
‫‪ Tag Manager‬اﻷﺳﺎﺳﻲ وﺑﻌﺾ اﻟﺘﻌﺪﻳﻼت اﻟﻬﺎﻣﺔ ﻓﻰ اﻟﻤﺘﺎﺟﺮ اﻹﻟﻜﺘﺮوﻧﻴﺔ‬

‫أﻫﻢ ‪ 10‬اﺳﺒﺎب ﻷﺳﺘﺨﺪام ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ‪:‬‬


‫‪ .1‬ﺳﻬﻮﻟﺔ اﺿﺎﻓﺔ اﻛﻮاد اﻟﺘﺘﺒﻊ ﻓﻰ اﻟﻤﻮﻗﻊ‬
‫‪ .2‬إدارة ﺟﻤﻴﻊ اﻛﻮاد اﻟﻤﻮﻗﻊ ﻣﻦ ﻣﻜﺎن واﺣﺪ‬
‫‪ .3‬اﻟﺘﺤﻜﻢ ﻓﻲ اﻹﺻﺪارات – ‪Versions‬‬
‫‪ Workspaces .4‬ﻟﻔﺮﻳﻖ اﻟﻌﻤﻞ‬
‫‪ .5‬اﻣﻜﺎﻧﻴﺔ اﺧﺘﺒﺎر اﻻﻛﻮاد ﺑﺴﻬﻮﻟﻪ‬
‫‪ .6‬وﺟﻮد ﻣﺠﻤﻮﻋﺔ ﻣﻦ ‪ Triggers‬ﺟﺎﻫﺰة‬
‫‪ .7‬وﺟﻮد ﻣﺠﻤﻮﻋﺔ ﻣﻦ اﻟﻤﺘﻐﻴﺮات ﺟﺎﻫﺰة‬
‫‪ .8‬اﻻﻣﺎن‬
‫‪ .9‬ﺗﻌﺪد اﻟﻤﺴﺘﺨﺪﻣﻴﻦ واﻟﺼﻼﺣﻴﺎت‬
‫‪ .10‬وﺟﻮد أﻛﺜﺮ ﻣﻦ ‪ Tag Template‬ﺟﺎﻫﺰة‬

‫ﻣﺸﺎﻫﺪة اﻟﻤﻘﺎﻟﺔ ﺑﺎﻟﻜﺎﻣﻞ‬

‫‪learn.ebrahim.me‬‬ ‫ﺻﻔﺤﺔ رﻗﻢ ‪4‬‬


‫ﻣﺤﺘﻮى اﻟﻜﻮرس‬

‫‪ -1‬ﺷﺮح إﻧﺸﺎء ﺣﺴﺎب ﺟﺪﻳﺪ و ‪ Container‬ﻟﻠﻤﻮﻗﻊ‬


‫ﻫﻨﺎ ﻧﺘﻜﻠﻢ ﻋﻦ ﻃﺮﻳﻘﺔ إﻧﺸﺎء ﺣﺴﺎب ﺟﺪﻳﺪ و ﺣﺎوﻳﺔ ﻟﻠﻤﻮﻗﻊ وﻟﻜﻦ ﻳﺠﺐ ان ﺗﻌﺮف‬
‫اﻟﺸﺮوط و اﻷﺳﺎﺳﻴﺎت ﻻﻧﺸﺎء اﻟﺤﺴﺎب أو اﻟﺤﺎوﻳﺔ ﺣﺘﻰ ﻻ ﺗﻘﻮم ﺑﻌﻤﻞ ﺣﺴﺎﺑﺎت‬
‫وﻫﻤﻴﺔ ﻟﻤﻮاﻗﻊ ﺗﺠﺮﻳﺒﻴﺔ ﻛﺜﻴﺮة‬

‫ﻣﺸﺎﻫﺪة اﻟﻤﻘﺎﻟﺔ و اﻟﺸﺮح اﻟﺘﻔﺼﻴﻠﻲ‬

‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫إﻧﺸﺎء ﺣﺴﺎب ﺟﺪﻳﺪ‬
‫إﺿﺎﻓﺔ اﻟﻤﻮﻗﻊ‬
‫ﻣﻌﺮﻓﺔ ﻛﻮد ‪ GTM‬اﻟﺨﺎص ﺑﻴﻚ‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪ -2‬ﺷﺮح رﺑﻂ ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ ﺑﺎﻟﻤﻮﻗﻊ‬


‫ً‬
‫اوﻻ ﻣﻌﺮﻓﺔ أن ﻟﻜﻞ ‪ Platform‬ﻣﺜﻞ اﻟﻮوردﺑﺮﻳﺲ ‪-‬‬ ‫ﻗﺒﻞ ﻣﺸﺎﻫﺪة اﻟﺸﺮح ﻳﺠﺐ‬
‫ﺷﻮﺑﻴﻔﺎي و ﻏﻴﺮﻫﻢ ﻳﻮﺟﺪ ﻟﺪﻳﻬﻢ اﺿﺎﻓﺎت ﺟﺎﻫﺰة ﺗﺴﺎﻋﺪك ﺑﺮﺑﻂ ﻣﻮﻗﻌﻚ ﺑﻜﻞ‬
‫ﺳﻬﻮﻟﺔ ﺑﺪون اﻟﺘﻌﺪﻳﻞ ﻋﻠﻰ اﻻﻛﻮاد اﻟﺨﺎﺻﺔ ﺑﺎﻟﻤﻮﻗﻊ‪.‬‬
‫ﻋﻠﻰ ﺳﺒﻴﻞ اﻟﻤﺜﺎل‪ :‬اداة ‪ GTM4WP‬وﻫﻰ اداة ﻣﺨﺼﺼﻪ ﻟﺠﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ‬
‫ﻟﻠﻮردﺑﺮﻳﺲ وﺑﻬﺎ اﻟﻜﺜﻴﺮ ﻣﻦ اﻟﻤﻤﻴﺰات اﻟﺘﻰ ﻳﻤﻜﻦ ﻣﻦ ﺧﻼﻟﻬﺎ ﺗﻮﻓﻴﺮ اﻟﻮﻗﺖ واﻟﺠﻬﺪ‬
‫ﻓﻰ ﻫﺬا اﻟﺸﺮح ﻧﻘﻮم ﺑﺘﻮﺿﻴﺢ اﻟﻄﺮق اﻷﺳﺎﺳﻴﺔ ﻣﻦ ﺧﻼل اﺿﺎﻓﺔ اﻟﻜﻮد ﺑﺸﻜﻞ‬
‫ﻳﺪوي ﻋﻠﻰ اﻟﻤﻮﻗﻊ ﺑﺪون اي اﺿﺎﻓﺎت‬

‫ﻣﺸﺎﻫﺪة اﻟﻤﻘﺎﻟﺔ و اﻟﺸﺮح اﻟﺘﻔﺼﻴﻠﻲ‬

‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫رﺑﻂ اﻟﻜﻮد ﺑﺸﻜﻞ ﻳﺪوي‬
‫رﺑﻂ اﻟﻜﻮد ﻣﻦ ﺧﻼل اﻹﺿﺎﻓﺎت ﻋﻠﻰ ﺣﺴﺐ ﻧﻮﻋﻴﺔ اﻟﻤﻮﻗﻊ اﻟﺬي ﺗﺴﺘﺨﺪﻣﻪ‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪learn.ebrahim.me‬‬ ‫ﺻﻔﺤﺔ رﻗﻢ ‪5‬‬


‫‪ -3‬ﺷﺮح اﻟﻤﺴﺘﺨﺪﻣﻴﻦ و اﻟﺼﻼﺣﻴﺎت‬
‫ﻳﻤﻜﻨﻚ إﺿﺎﻓﺔ اﻟﻤﺴﺘﺨﺪﻣﻴﻦ ﻓﻰ ‪ Accounts‬و ‪ Container‬ﻣﺨﺘﻠﻔﻴﻦ ﻓﻰ اﻟﺼﻼﺣﻴﺎت‬
‫ﺑﺤﻴﺚ ﻳﻤﻜﻨﻜﻚ اﺿﺎﻓﺔ ادﻣﻦ ﻟﻞ ‪ Account‬ﺑﺎﻟﻜﺎﻣﻞ ﻳﻤﻜﻨﻚ ﻋﻤﻞ ذﻟﻚ او ادارة ﻋﻠﻰ‬
‫‪ Account‬و ﻣﺠﻤﻮﻋﺔ ﻣﻦ ‪ Containers‬او ﻳﻤﻜﻨﻚ اﺿﺎﻓﺔ ﻣﺴﺘﺨﺪم أو ﻣﺪﻳﺮ ﻟﻞ‬
‫‪ Container‬ﺑﺸﻜﻞ ﻣﻨﻔﺼﻞ ﺑﺪون ﻣﺎ ﻳﻜﻮن ﻟﻪ أي ﺻﻼﺣﻴﺎت ﻋﻠﻰ اﻻﻛﻮﻧﺖ اﻟﺮﺋﻴﺴﻲ‪.‬‬

‫ﻣﺸﺎﻫﺪة اﻟﻤﻘﺎﻟﺔ و اﻟﺸﺮح اﻟﺘﻔﺼﻴﻠﻲ‬

‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫إﻧﺸﺎء ﻣﺪﻳﺮ ﻛﺎﻣﻞ اﻟﺼﻼﺣﻴﺎت ﻋﻠﻰ ال ‪ Account‬اﻟﺮﺋﻴﺴﻲ‬
‫إﻧﺸﺎء ﻣﺴﺘﺨﺪم ﺑﺼﻼﺣﻴﺎت ﺑﺴﻴﻄﺔ و اﻟﺘﺤﻜﻢ ﻓﻰ ‪ Container‬واﺣﺪ ﻓﻘﻂ‬
‫إﻧﺸﺎء ﻣﺴﺘﺨﺪم ﻟﻪ ﺟﻤﻴﻊ اﻟﺼﻼﺣﻴﺎت ﻓﻲ ‪Container‬‬
‫إﻧﺸﺎء ﻣﺴﺘﺨﺪم ﻟﻪ ﺻﻼﺣﻴﺎت اﻟﻤﺸﺎﻫﺪة ﻓﻘﻂ ﻓﻰ ‪Container‬‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪ -4‬ﻧﻈﺮة ﻋﺎﻣﺔ ﻋﻠﻰ ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ‬


‫أﻫﻢ ﻣﺎ ﻳﻤﻜﻨﻚ أن ﺗﻘﻮم ﺑﻪ ﻓﻰ ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ ﻫﻮ ﺗﻨﻈﻴﻢ اﻟﻌﻤﻞ اﻟﺨﺎص ﺑﻚ ﺣﺘﻰ‬
‫ﻳﻤﻜﻨﻚ اﻻﻧﺘﻬﺎء ﻣﻦ ﺗﻨﻔﻴﺬ ﺟﻤﻴﻊ اﻟﻤﺘﻄﻠﺒﺎت ﺑﻜﻞ ﺳﻬﻮﻟﺔ ﻓﻰ ﻫﺬه اﻟﻨﻈﺮة اﻟﻌﺎﻣﺔ‬
‫ﺳﻮف ﻳﺘﻢ ﺷﺮح ﺳﺮﻳﻌﺎ ﻛﻞ ﻻﺧﺘﻴﺎرات وﻟﻜﻦ ﻳﻤﻜﻨﻚ اﻳﻀ ًﺎ اﺗﺒﺎع ﻫﺬه اﻟﺨﻄﻮات ﻓﻰ‬
‫ﺣﺎﻟﺔ ﺗﻨﻔﻴﺬ اي ﻓﻜﺮة‪.‬‬
‫‪ .1‬ﺗﺤﺪﻳﺪ اﻟﻬﺪف اﻟﻤﻄﻠﻮب ) ﻣﺜﻼ‪ :‬ﺗﺘﺒﻊ ﻋﺪد اﻟﺘﺴﺠﻴﻞ اﻟﻌﻀﻮﻳﺎت (‬
‫‪ .2‬إﻣﻜﺎﻧﻴﺔ ﺗﻨﻔﻴﺬ ذﻟﻚ ﻣﻦ ﺧﻼل اي ‪ ) Triggers‬وﺗﻘﻮم ﺑﻌﻤﻞ ال ‪( Triggers‬‬
‫‪ .3‬اﺿﺎﻓﺔ اﻟﺘﺎج اﻟﺨﺎص ﺑﺎﻟـ ﺗﺘﺒﻊ ) ﻣﺜﻼ ارﺳﺎل اﻟﺒﻴﺎﻧﺎت ل ‪( Google Analytics 4‬‬
‫‪ .4‬اﺧﺘﺒﺎر اﻟﻜﻮد ﻣﻦ ﺧﻼل ‪ Tag assistant‬ﻣﻦ ‪Preview‬‬
‫‪ .5‬واﺧﻴﺮ ًا ‪ Publish‬ﻟﺠﻤﻴﻊ اﻟﻤﻬﺎم أو اﻟﻌﻼﻣﺎت‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﻣﺮاﺟﻌﺔ ﺟﻤﻴﻊ اﻟﺘﻔﺎﺻﻴﻞ ﻋﻠﻰ ﺣﺴﺎﺑﻚ ﻓﻲ ‪Google Tag Manager‬‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪learn.ebrahim.me‬‬ ‫ﺻﻔﺤﺔ رﻗﻢ ‪6‬‬


‫‪ -5‬ﺷﺮح ‪ - Tags‬اﻟﻌﻼﻣﺎت‬
‫اﻟـ ‪ Tags‬ﻫﻰ ﻣﻦ اﻷﺟﺰاء اﻻﺳﺎﺳﻴﺔ ﻓﻰ ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ و ﻻزم ﺗﻜﻮن ﻋﺎرف اﻫﻤﻴﺔ‬
‫اﺳﺘﺨﺪاﻣﻬﺎ و ﺗﻔﺎﺻﻴﻠﻬﺎ ﻋﺸﺎن ﻛﺪا ﻗﺒﻞ ﻣﺎ ﺗﻀﻴﻒ أي ‪ custom HTML‬ﺣﺎول اﻻول‬
‫ﺗﺸﻮف ﻫﻞ ﻟﻪ ‪ Built in - Template‬اﻷول وﻻ ﻻ ﻋﻠﺸﺎن ﺗﻌﺮف ﺗﺴﺘﺨﺪم ﻛﻞ‬
‫اﻟﻤﻤﻴﺰات ﺑﺸﻜﻞ ﻛﻮﻳﺲ زي ﻣﺜﻞ ‪ Facebook Pixel Template‬ﻋﻠﺸﺎن ﻣﻤﻜﻦ‬
‫ﺗﺴﺘﻔﺎد ﺑﺎل ‪.Advanced Matching‬‬
‫ﻫﺘﻼﻗﻲ ﻛﻤﺎن ﻓﻰ ﻧﻬﺎﻳﺔ اﻟﻜﺘﺎب ﺻﻔﺤﺔ ﻛﺎﻣﻠﺔ ﺗﻮﺿﺢ ﻓﻴﻬﺎ أﻫﻢ ال ‪Tag Templates‬‬
‫اﻟﻤﺴﺘﺨﺪﻣﺔ ﺑﺸﻜﻞ اﺳﺎﺳﻲ‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﻣﺸﺎﻫﺪة ﺟﻤﻴﻊ ‪ Tags‬وﻣﻌﺮﻓﺘﻬﺎ وﻣﻌﺮﻓﺔ اي ‪ Tags‬ﺳﻮف ﺗﺴﺘﺨﺪم أو ﻳﻤﻜﻨﻚ‬
‫اﻻﺳﺘﻔﺎدة ﻣﻨﻬﺎ ﺑﺸﻜﻞ ﻗﻮي‪.‬‬
‫ﻣﺸﺎﻫﺪة ‪Tag Templates‬‬
‫ﺗﺠﺮﺑﺔ اﺿﺎﻓﺔ ‪ Custom HTML‬ﻓﻰ ‪Trigger All Page View‬‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪ -6‬ﺷﺮح ‪Triggers‬‬
‫اﻟﺘﺮﻳﺠﺮ ﺟﺰء ﻗﻮي ﺟﺪا ﻻﻧﻪ اﻟﺴﺒﺐ ﻓﻰ ﺗﻨﻔﻴﺬ اﻟـ ‪ Tags‬ﻫﻮ ﻋﺒﺎرة ﻋﻦ اﻟﺴﺒﺐ اﻟﻠﻰ ﻟﻮ‬
‫ﺣﺼﻞ ﺳﻮف ﻳﺘﻢ ﺗﻨﻔﻴﺬ ‪.Tags‬‬
‫ﻟﺬﻟﻚ ﻣﻦ اﻫﻢ اﻻﺟﺰاء ﻓﻰ ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ ﻫﻮ ﻓﻬﻢ ال ‪ Trigger‬وﻣﻌﺮﻓﺔ ﻛﻞ واﺣﺪة‬
‫ﻛﻴﻔﻴﺔ اﻻﺳﺘﻔﺎدة ﻣﻨﻬﺎ ﻷﻧﻬﺎ ﻫﻲ اﻷﺳﺎس ﻓﻲ اﻟﺘﻨﻔﻴﺬ‪ .‬ﻫﻞ ﻳﻤﻜﻦ اﺳﺘﺨﺪام أﻛﺜﺮ ﻣﻦ‬
‫‪Trigger‬؟ ﻧﻌﻢ ﻧﻘﺪر ﺑﺲ ﻋﻠﻰ ﺣﺴﺐ اﻟﻔﺎﺋﺪة اﻟﻤﻄﻠﻮﺑﺔ او اﻟﻤﺴﺘﺨﺪﻣﺔ‪.‬‬
‫ﻓﻰ اﺟﺰاء ﻛﺘﻴﺮ ﺟﺪا ﻓﻰ ال ‪ Triggers‬زي ‪ Custom Event‬وﻏﻴﺮﻫﺎ ﻣﺶ ﻫﺘﻜﻮن واﺿﺤﺔ‬
‫ﻣﻌﺎﻧﺎ ﻓﻰ اﻟﻜﻮرس اﻟﺤﺎﻟﻲ وﻟﻜﻦ ان ﺷﺎء ﷲ ﺳﻮف ﻳﺘﻢ ﺗﻮاﻓﺮﻫﺎ ﻓﻰ اﻟﻜﻮرس‬
‫اﻟﺨﺎص ﺑﺎﻟﻤﺴﺘﻮى اﻟﻤﺘﻘﺪم‪ .‬وﻟﻜﻦ ﻓﻰ اﻟﻤﺴﺘﻮي اﻟﺤﺎﻟﻲ ﺟﻤﻴﻊ اﻟﺸﺮح اﻟﻤﺴﺠﻞ‬
‫ﻛﺎﻓﻲ ﺟﺪا ﻟﺘﻨﻔﻴﺬ اﻷﻋﻤﺎل واﻟﻤﻬﺎم ﻋﻠﻰ ﻣﻮﻗﻌﻚ ﺑﺪون اي ﻣﺸﺎﻛﻞ‪.‬‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫‪learn.ebrahim.me‬‬ ‫ﺻﻔﺤﺔ رﻗﻢ ‪7‬‬


‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﻣﻌﺮﻓﺔ ﺟﻤﻴﻊ ال ‪Triggers‬‬
‫ﺗﺠﺮﺑﺔ ﺑﻌﻀﻬﺎ ﻗﺒﻞ اﻟﺸﺮح اﻟﺘﻔﺼﻴﻠﻲ ﻓﻰ اﻟﺪروس اﻟﻘﺎدﻣﺔ ﻣﺜﻞ ) ‪Pages -‬‬
‫‪( Click - Scroll - Timer‬‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪ -7‬ﺷﺮح ‪Variables‬‬
‫ﻫﻮ اﻟﻤﺘﻐﻴﺮات أو اﻟﺒﻴﺎﻧﺎت اﻟﺘﻰ ﺗﺘﻐﻴﺮ ﺑﻨﺎء ﻋﻠﻰ ﻣﻮﻗﻌﻬﺎ وﻟﻜﻦ ﻟﻬﺎ ﻣﺴﻤﻰ واﺣﺪ‬
‫ﻓﻘﻂ ﻋﻠﻰ ﺳﺒﻴﻞ اﻟﻤﺜﺎل ‪ First Name‬ﻫﺬا ﻫﻮ اﺳﻢ اﻟﻤﺘﻐﻴﺮ وﻟﻜﻦ ﻳﺤﺘﻮى ﻋﻠﻰ‬
‫اﻻﺳﻢ اﻷول ﻟﻠﺸﺨﺺ ﻣﺜﻞ أﺣﻤﺪ و ﻣﺤﻤﺪ وﻏﻴﺮﻫﻢ‪ ,‬ﻟﺬﻟﻚ ﻧﻘﻮم ﺑﻌﻤﻞ ﻣﺘﻐﻴﺮ واﺣﺪ‬
‫واﺳﺘﺨﺪاﻣﻪ ﻟﺘﺴﻬﻴﻞ ﺗﺪاول اﻟﻤﻌﻠﻮﻣﺎت‪.‬‬
‫وﻟﻴﺲ ذﻟﻚ ﻓﺤﺴﺐ اﻳﻀﺎ ﻳﻤﻜﻨﻚ اﺳﺘﺨﺪاﻣﻪ ﻓﻰ ﺗﺴﺠﻴﻞ اﻟﺒﻴﺎﻧﺎت واﺳﺘﺨﺮاج‬
‫اﻟﺒﻴﺎﻧﺎت وﻏﻴﺮﻫﺎ ﻣﻦ ﺧﻼل ‪ Google Tag Manager‬ﻫﻨﺎ ﺑﻨﺸﺮح ﻧﻈﺮة ﻋﺎﻣﺔ ﻋﻠﻰ‬
‫‪ Variables‬وﻣﺎ ﻫﻲ أﻫﻢ اﻟﻤﺘﻐﻴﺮات اﻟﻤﺴﺘﺨﺪﻣﺔ‪.‬‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﺗﻔﻌﻴﻞ ﺟﻤﻴﻊ ‪Built in variables‬‬
‫إﺿﺎﻓﺔ ‪ Custom variables‬اي ﻧﻮع ﻣﻨﺎﺳﺐ ﻟﻚ‬
‫ﻗﺮاءة اﻟﻮﺻﻒ ﻟﻜﻞ اﻧﻮاع ال ‪Variables‬‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪ -8‬ﺷﺮح ‪Preview‬‬
‫ﻫﻮ اﻟﺠﺰء اﻷﺳﺎﺳﻲ اﻟﺬي ﻳﻤﻜﻨﻚ ﻣﻦ ﺧﻼﻟﻬﺎ ﻣﺮاﺟﻌﺔ ﺟﻤﻴﻊ اﻟﻤﻬﺎم اﻟﺘﻲ ﻗﻤﺖ ﺑﻬﺎ‬
‫داﺧﻞ ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ‪.‬‬
‫وأﻳﻀﺎ ﻳﻤﻜﻨﻚ ﻣﻌﺮﻓﺔ اﻟﺘﻔﺎﺻﻴﻞ اﻟﺨﺎﺻﺔ ﺑﺎل ‪ DataLayer‬او ‪ Variables‬ﻟﻤﻌﺮﻓﺔ ﻣﺎ‬
‫ﻫﻰ اﻟﺒﻴﺎﻧﺎت اﻟﺘﻲ ﻳﻤﻜﻨﻚ اﺳﺘﺨﺪاﻣﻬﺎ ﻓﻰ ‪Google Tag Manager‬‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫‪learn.ebrahim.me‬‬ ‫ﺻﻔﺤﺔ رﻗﻢ ‪8‬‬


‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﺗﻔﻌﻴﻞ ‪Preview‬‬
‫ﻓﺘﺢ اﻛﺜﺮ ﻣﻦ ﺻﻔﺤﺔ ﺑﺎﻟﻤﻮﻗﻊ وﻣﻌﺮﻓﺔ اﻟﻔﺮق ﻓﻰ اﻟﻌﻼﻣﺎت ﻓﻲ ﻣﺎ ﺑﻴﻨﻬﻢ‬
‫ﻣﻌﺮﻓﺔ ‪ DataLayer‬اﻟﻤﺘﺎﺣﺔ‬
‫ﻣﻌﺮﻓﺔ ‪ Variables‬اﻟﻤﺘﺎﺣﺔ اﻳﻀ ًﺎ‬
‫ﻣﻌﺮﻓﺔ ﺗﺮﺗﻴﺐ اﻟـ ‪ Events‬اﻟﺘﻲ ﺗﻈﻬﺮ ﻋﻠﻰ اﻟﻴﺴﺎر‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪ -9‬ﺷﺮح ‪Trigger Page‬‬


‫زي ﻣﺎ ﻋﺮﻓﻨﺎ ﻋﻦ ‪ Trigger‬اﻷن ﻳﻮﺟﺪ ﻟﺪﻳﻨﺎ اﻟﺘﺤﻜﻢ ﻓﻰ ﺻﻔﺤﺎت اﻟﻤﻮﻗﻊ ﻣﻦ ﺣﻴﺚ‬
‫ﺟﻤﻴﻊ اﻟﺼﻔﺤﺎت ام ﺗﺤﺪﻳﺪ ﺻﻔﺤﺎت ﻣﻌﻴﻨﺔ ﻣﻦ ﺧﻼل اﻟﺮاﺑﻂ اﻟﺨﺎص ﺑﻬﺎ‪.‬‬
‫ﻫﻨﺎ ﻳﻤﻜﻨﻚ ﺗﻨﻔﻴﺬ أي ﻋﻼﻣﺔ ‪ Tag‬ﻓﻰ ﻣﻮﻗﻌﻚ ﺑﻨﺎء ﻋﻠﻰ ﺷﺮوﻃﻚ ﻓﻰ ﻫﺬه اﻟﺼﻔﺤﺔ‬
‫ﻣﺜﻞ ﺗﻔﻌﻴﻞ ‪ Events‬ﻓﻰ ﺻﻔﺤﺔ اﻟﻨﻬﺎﻳﺔ "ﺷﻜﺮا ﻟﻚ" ﺑﻌﺪ ﺗﺴﺠﻴﻞ ﻋﻤﻴﻞ ﺟﺪﻳﺪ أو‬
‫ﺷﺮاء ﻣﻨﺘﺞ ﺟﺪﻳﺪ‪,‬‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﻋﻤﻞ ‪ Trigger‬ﻟﺼﻔﺤﺔ ‪ thankyou‬ﻓﻰ اﻟﻤﻮﻗﻊ‬
‫ﻋﻤﻞ ‪ Trigger‬ﻟﺼﻔﺤﺔ اﺗﺼﻞ ﺑﻨﺎ ﻣﻦ ﺧﻼل اﻟﺮاﺑﻂ ‪path‬‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪ -10‬ﺷﺮح ‪Trigger Clicks‬‬


‫ﻻزم ﺗﻜﻮن ﻋﺎرف اﻧﺖ ﻣﺤﺘﺎج ‪ Link click‬وﻻ ‪ element‬ﻻن اﻟﻠﻴﻨﻚ ﺳﻴﺘﻢ ﺗﻨﻔﻴﺬه ﻋﻠﻰ‬
‫اﻟﺮواﺑﻂ ﻓﻰ اﻟﻤﻮﻗﻊ ﻓﻘﻂ اﻣﺎ ال ‪ element‬ﺳﻴﺘﻢ ﺗﻨﻔﻴﺬه ﻋﻠﻰ ﺟﻤﻴﻊ اﻟﺪاﺗﺎ ﻓﻰ‬
‫اﻟﻤﻮﻗﻊ اي ﻛﺎﻧﺖ اﻳﻪ ﻫﻲ‪.‬‬
‫ﻻزم ﺗﻜﻮن ﻣﻮﺿﺢ اﻟﺘﻔﺎﺻﻴﻞ ﻗﺒﻞ اﻟﺒﺪء ﻟﻌﻤﻞ ﻫﺬا ‪ Trigger‬ﺑﺸﻜﻞ ﺻﺤﻴﺢ‪.‬‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫‪learn.ebrahim.me‬‬ ‫ﺻﻔﺤﺔ رﻗﻢ ‪9‬‬


‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﻋﻤﻞ ﺗﺘﺒﻊ ﻟﻌﺪد ‪ 2‬راﺑﻂ ﻓﻲ ﻣﻮﻗﻌﻚ‬
‫ﻋﻤﻞ ﺗﺘﺒﻊ ﻟﺰر اﻟﺒﺤﺚ‬
‫ﻋﻤﻞ ﺗﺘﺒﻊ زر اﺿﺎﻓﺔ ﻣﻨﺘﺞ أو ﺗﺴﺠﻴﻞ ﺣﺴﺎب ﺟﺪﻳﺪ‬
‫ﻋﻤﻞ ﺗﺘﺒﻊ ﻟﺰر ﻳﺤﺘﻮي ﻋﻠﻰ ﻛﻠﻤﺔ ﻣﺜﻞ ‪Add to cart‬‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪ -11‬ﺷﺮح ‪Trigger Element Visibility‬‬


‫ﻣﻬﻤﺘﻬﺎ اﻻﺳﺎﺳﻴﺔ ﻫﻲ ﻋﻨﺪﻣﺎ ﻳﻈﻬﺮ ﺟﺰء ﻣﻌﻴﻦ ﺑﺎﻟﻤﻮﻗﻊ وﻗﺪ ﻳﻜﻮن ذﻟﻚ ﻣﺜﻞ‬
‫رﺳﺎﻟﺔ ﺗﺄﻛﻴﺪ اﺗﺼﻞ ﺑﻨﺎ او اﻋﻼن ﻣﻌﻴﻦ وﻏﻴﺮﻫﺎ ﻣﻦ اﻓﻜﺎر ﻛﺜﻴﺮة ﻳﻤﻜﻨﻚ اﻻﺳﺘﻔﺎدة‬
‫ﻣﻨﻬﺎ و اﺿﺎﻓﺘﻬﺎ ﻓﻰ ‪ Customer Flow‬ﻟﺘﻄﻮﻳﺮﻫﺎ داﺋﻤﺎ وﻣﻌﺮﻓﺔ اﻻرﻗﺎم او ﺗﻨﻔﻴﺬ‬
‫ﻋﻼﻣﺎت أﺧﺮى ﻟﻠﻌﻤﻴﻞ او اﻟﺰاﺋﺮ‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﺗﺠﺮﺑﺔ ﺗﻨﻔﻴﺬ ال ‪ Trigger‬ﻣﻦ ﺧﻼل رﺳﺎﻟﺔ ﻓﻮرم اﺗﺼﻞ ﺑﻨﺎ‬
‫ﺗﺠﺮﺑﺔ ﺗﻨﻔﻴﺬ ‪ID‬‬
‫ﺗﺠﺮﺑﺔ ﺗﻨﻔﻴﺬ ‪CSS Selector‬‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪ -12‬ﺷﺮح ‪Trigger Form submissions‬‬


‫أﺳﺎس ﻋﻤﻠﻬﺎ ﻫﻮ اﻟﻔﻮرم و اﻟﻌﻤﻠﻴﺎت اﻟﺘﻰ ﺗﺘﻢ ﻋﻠﻴﻪ ﻣﺜﻞ ﺗﺴﺠﻴﻞ ﻋﻀﻮﻳﺔ‬
‫ﺟﺪﻳﺪة‪ ,‬ﺗﺴﺠﻴﻞ دﺧﻮل‪ ,‬ﺗﺴﺠﻴﻞ ﺑﻴﺎﻧﺎت ﻋﻤﻴﻞ او رﺳﺎﻟﺔ اﺗﺼﻞ ﺑﻨﺎ وﻳﻮﺟﺪ‬
‫اﻟﻜﺜﻴﺮ اﻟﺘﻰ ﻳﻤﻜﻦ ﺗﺘﺒﻌﻪ وﻣﻌﺮﻓﺔ ارﻗﺎم او ﺗﻨﻔﻴﺬ ﻋﻼﻣﺎت اﺧﺮى ﻋﻠﻴﻪ‪.‬‬
‫ﻟﺬﻟﻚ اﻷﻓﻀﻞ ﻫﻨﺎ ﻫﻮ اﺳﺘﺨﺪاﻣﻬﺎ ﻓﻰ اﻟﻔﻮم ﺑﺪل ﻣﻦ اﺳﺘﺨﺪام ‪Click‬‬
‫‪ Element‬ﻋﻠﻰ زر اﻟﺘﺴﺠﻴﻞ او اﺗﺼﻞ ﺑﻨﺎ ﻟﻜﻲ ﺗﻜﻮن اﻟﻨﺘﻴﺠﺔ اﻓﻀﻞ‪.‬‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫‪learn.ebrahim.me‬‬ ‫ﺻﻔﺤﺔ رﻗﻢ ‪10‬‬


‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﺗﺠﺮﺑﺔ ﻋﻠﻰ ﻓﻮرم اﺗﺼﻞ ﺑﻨﺎ‬
‫ﺗﺠﺮﺑﺔ ‪Wait for Tags‬‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪ -13‬ﺷﺮح ‪Trigger Scroll Depth‬‬


‫ﺗﻌﻤﻞ ﻋﻠﻰ ﺗﺘﺒﻊ ﺣﺮﻛﺔ اﻟﺰوار داﺧﻞ اﻟﺼﻔﺤﺔ ﻣﻦ ﺣﻴﺚ ﻧﺴﺒﺔ اﻟﻮﺻﻮل ﻟﻠﻨﻬﺎﻳﺔ‪.‬‬
‫ﻫﻨﺎ ﻳﻤﻜﻨﻚ اﻻﺳﺘﻔﺎدة ﻣﻨﻬﺎ ﻣﻦ ﺧﻼل ﻣﻌﺮﻓﺔ اذا ﻛﺎن اﻟﺰاﺋﺮ ﻣﻬﺘﻢ ﺑﺘﻔﺎﺻﻴﻞ اﻟﺨﺪﻣﺔ‬
‫أو اﻟﻤﻘﺎﻟﺔ ووﺻﻞ ﻟﻠﻨﻬﺎﻳﻪ ام اﻧﻪ ﻓﻘﻂ ﻟﻢ ﻳﻜﻦ ﻣﻬﺘﻢ وﺧﺮج ﺑﺪون ﺗﻜﻤﻠﺔ اﻟﺼﻔﺤﺔ؟‬
‫ﻫﻞ اﻳﻀﺎ وﺻﻞ ﻟﻔﻮرم ﻟﻠﺘﺴﺠﻴﻞ ﻧﻬﺎﻳﻪ اﻟﺼﻔﺤﺔ أم ﻻ؟‬
‫ﻳﻤﻜﻨﻚ اﻻﺳﺘﻔﺎدة ﻣﻨﻬﺎ ﻓﻲ اﻓﻜﺎر ﻛﺜﻴﺮة ورﺑﻄﻬﺎ ﻣﻊ ‪Google Analytics 4‬‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﺗﺠﺮﺑﺔ ﺗﻨﻔﻴﺬ ‪ %25‬و ‪ %50‬و ‪ %85‬ﻣﻦ ﻃﻮل اﻟﺼﻔﺤﺔ‬
‫ﺗﺴﺠﻴﻞ اﻟﺒﻴﺎﻧﺎت ﻋﻠﻰ ‪GA4 Event‬‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪ -14‬ﺷﺮح ‪YouTube‬‬
‫ﺗﻌﻤﻞ ﻋﻠﻰ ﺗﺘﺒﻊ ﺗﻔﺎﻋﻞ اﻟﺰوار ﻋﻠﻰ اﻟﻔﻴﺪﻳﻮ ﻓﻰ اﻟﻤﻮﻗﻊ و ﻳﻤﻜﻨﻚ اﻟﻤﻌﺮﻓﺔ ﻣﻦ‬
‫ﺧﻼﻟﻬﺎ اﻧﻪ ﺷﺎﻫﺪ اﻟﻔﻴﺪﻳﻮ اﻟﺘﻌﺮﻳﻔﻲ ﻟﻠﺨﺪﻣﺔ او اﻟﻤﻨﺘﺞ و ﺷﺎﻫﺪ وﻗﺖ ﻣﻌﻴﻦ‪.‬‬
‫ﻳﻤﻜﻨﻚ ﺗﻨﻔﻴﺬ ﻋﻼﻣﺎت ﻛﺜﻴﺮة ﺑﻨﺎء ﻋﻠﻰ وﺻﻮﻟﻪ ﻟﺠﺰء ﻣﻌﻴﻦ ﻓﻰ اﻟﻔﻴﺪﻳﻮ او ﺗﺸﻐﻴﻠﻪ‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﺗﺠﺮﺑﺔ ﺗﻨﻔﻴﺬ ‪ %25‬و ‪ %50‬و ‪ %85‬ﻣﻦ ﻣﺪة اﻟﻔﻴﺪﻳﻮ‬
‫ﺗﻔﻌﻴﻞ ﺟﻤﻴﻊ ﺧﻮاص ﺗﺘﺒﻊ اﻟﺘﻔﺎﻋﻞ ﻋﻠﻰ اﻟﻔﻴﺪﻳﻮ‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪learn.ebrahim.me‬‬ ‫ﺻﻔﺤﺔ رﻗﻢ ‪11‬‬


‫‪ -15‬ﺷﺮح ‪Timer‬‬
‫ﺗﻌﻤﻞ ﻋﻠﻰ اﺣﺘﺴﺎب اﻟﻮﻗﺖ اﻟﺰوار داﺧﻞ اﻟﻤﻮﻗﻊ و ﻳﻤﻜﻨﻚ ﺗﻨﻔﻴﺬ اﻟﻌﻼﻣﺎت ﺑﻨﺎء ﻋﻠﻰ‬
‫ذﻟﻚ ﻣﺜﻞ‪ .‬ﻟﻮ ﻓﻰ ﺻﻔﺤﺔ اﻟﺴﻠﺔ او اﻟﺪﻓﻊ واﻧﺘﻈﺮ ﻻﻛﺘﺮ ﻣﻦ ‪ 5‬دﻗﺎﺋﻖ ﺑﺪون ﺗﻨﻔﻴﺬ‬
‫ﻋﻤﻠﻴﺔ اﻟﺸﺮاء ﻓﺘﻘﻮم ﺑﺈﻇﻬﺎر ﻛﻮد ﺧﺼﻢ ﻟﻠﺰاﺋﺮ ﺣﺘﻰ ﻳﻘﻮم ﺑﺎﻟﺸﺮاء و ﻏﻴﺮﻫﺎ أﻳﻀﺎ ﻣﻦ‬
‫اﻷﻓﻜﺎر اﻟﺘﻰ ﻳﻤﻜﻨﻚ ﺗﻨﻔﻴﺬﻫﺎ‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﺗﺠﺮﺑﺔ ﺗﻨﻔﻴﺬ ﻣﺪة دﻗﻴﻘﺔ وﻋﻼﻣﺔ ‪GA4 Event‬‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪ -16‬ﺷﺮح ‪DataLayer‬‬
‫ﻧﻘﻮم ﺑﺎﺳﺘﺨﺪاﻣﻬﺎ ﻻﻧﻬﺎ ﺗﻌﺮض اﻟﺒﻴﺎﻧﺎت اﻟﺘﻲ ﻻ ﻳﻤﻜﻨﻨﺎ اﻟﻮﺻﻮل ﻟﻬﺎ ﺑﺴﻬﻮﻟﻪ‬
‫ﺑﺸﻜﻞ ﻣﺒﺎﺷﺮ ﻧﻘﻮم ﺑﺎﺿﺎﻓﺘﻬﺎ ﻛـ ‪ DataLayer‬ﺣﺘﻰ ﻳﻤﻜﻨﻨﺎ اﺳﺘﺨﺪاﻣﻬﺎ ﻓﻰ اﻟﺘﺤﻠﻴﻞ و‬
‫اﻟﺘﺘﺒﻊ و اﻳﻀﺎ ﻟﺘﻨﻔﻴﺬ ﻣﻬﺎم ﻣﻌﻴﻨﺔ ﻟﻠﺰوار داﺧﻞ اﻟﻤﻮﻗﻊ‪.‬‬
‫ﻫﺬا اﻟﺠﺰء ﻫﺎم ﺟﺪا ﻳﺠﺐ ﻣﻌﺮﻓﺔ ﺑﻜﺎﻣﻞ ﺗﻔﺎﺻﻴﻞ ﺑﺸﻜﻞ واﺿﺢ ﺣﺘﻰ ﻳﻤﻜﻨﻚ‬
‫اﻻﺳﺘﻔﺎدة ﻣﻨﻪ ﺑﺸﻜﻞ ﻗﻮي‪.‬‬

‫ﻣﺸﺎﻫﺪة ﻓﻴﺪﻳﻮ ﺗﻮﺿﻴﺤﻲ‬

‫*اﻟﻤﻬﺎم اﻟﻤﻄﻠﻮﺑﺔ‪:‬‬
‫ﺗﺠﺮﺑﺔ اﺳﺘﺨﺪام اﺿﺎﻓﺔ اﻟﻮوردﺑﺮﻳﺲ ‪GTM4WP‬‬
‫ﺗﺠﺮﺑﺔ ﻋﻤﻞ ﺗﺘﺒﻊ اﻻﻋﻀﺎء اﻟﺬﻳﻦ ﺳﺠﻠﻮا دﺧﻮل ﻓﻲ اﻟﻤﻮﻗﻊ‬
‫ﻫﻞ ﺗﻮاﺟﻬﻚ أي ﻣﺸﻜﻠﺔ؟ ﺗﻮاﺻﻞ ﻣﻌﻨﺎ‬

‫‪learn.ebrahim.me‬‬ ‫ﺻﻔﺤﺔ رﻗﻢ ‪12‬‬


GTM ‫ﻓﻴﺪﻳﻮﻫﺎت ﺷﺮح ﻷﺳﺘﺨﺪﻣﺎت‬

Facebook Pixel - Conversion Purchase ‫ ﺷﺮح‬-


https://youtu.be/iqau1F6N4Lk

‫ ﻟﻜﻞ ﻣﻮاﻗﻊ اﻟﺘﻮاﺻﻞ ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ‬Conversion Purchase ‫ ﺷﺮح‬-


https://youtu.be/sbgi07S4QNc

Google Analytics 4 Events ‫ ﺷﺮح‬-


https://youtu.be/OGv0Srty-bI

Live chat Apps ‫ ﺷﺮح‬-


https://youtu.be/rs2qHD0UfR8

Google Tag Manager ‫ ﺷﺮح رﺑﻂ اﻟﻮاﺗﺴﺎب ﻋﻠﻰ اﻟﻤﻮﻗﻊ ﻣﻦ‬-


https://youtu.be/q7nKX5CqtJQ

‫ وﻣﻌﺮﻓﺔ ﺗﻔﺎﻋﻞ اﻟﺰوار ﺑﺎﻟﻤﻮﻗﻊ‬buttons ‫ ﺷﺮح‬-


https://youtu.be/Nv7P63Z9Y5o

learn.ebrahim.me 13 ‫ﺻﻔﺤﺔ رﻗﻢ‬


Tags - ‫أﻓﻀﻞ ﻗﻮاﻟﺐ اﻟﻌﻼﻣﺎت‬

‫ﻣﺠﻤﻮﻋﺔ ﻣﻦ أﻓﻀﻞ اﻟﻘﻮاﻟﺐ اﻟﺘﻲ ﻳﻤﻜﻨﻚ اﺳﺘﺨﺪاﻣﻬﺎ ﻓﻰ ﺟﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ‬


.Custom HTML ‫واﻻﺳﺘﻔﺎدة ﻣﻨﻬﺎ ﺑﺪل ﻣﻦ اﺿﺎﻓﺔ اى اﻛﻮاد ﺧﺎرﺟﻴﺔ‬

‫ ﻓﻴﺴﺒﻮك ﺑﻴﺴﻜﻞ‬-
https://tagmanager.google.com/gallery/#/owners/facebookincubator/
templates/GoogleTagManager-WebTemplate-For-FacebookPixel

‫ ﺳﻨﺎب ﺷﺎت ﺑﻴﺴﻜﻞ‬-


https://tagmanager.google.com/gallery/#/owners/Snapchat/template
s/snapchat-google-tag-manager

‫ ﺗﻴﻚ ﺗﻮك ﺑﻴﺴﻜﻞ‬-


https://tagmanager.google.com/gallery/#/owners/luratic/templates/T
ikTok
GTAG GET API -
https://tagmanager.google.com/gallery/#/owners/gtm-templates-
simo-ahava/templates/gtag-get-api

‫ ﻟﻴﻨﻜﺪ ان ﺑﻴﺴﻜﻞ‬-
https://tagmanager.google.com/gallery/#/owners/luratic/templates/L
inkedInConversion

‫ اﻧﺘﻴﺮﻛﻮم‬-
https://tagmanager.google.com/gallery/#/owners/intercom/template
s/official-gtm-tag

learn.ebrahim.me 14 ‫ﺻﻔﺤﺔ رﻗﻢ‬


‫ﻫﺪﻳﺔ اﻟﻜﻮرس‬

‫اﻟﻬﺪﻳﺔ اﻷوﻟﻰ‪:‬‬
‫ﺧﺼﻢ ﺑﻨﺴﺒﺔ ‪ %10‬ﻋﻠﻰ ﺟﻤﻴﻊ اﻟﻜﻮرﺳﺎت اﻟﻤﺪﻓﻮﻋﺔ ﻣﻦ ﺧﻼل اﻟﻘﻨﺎة اﻟﺘﻌﻠﻴﻤﻴﺔ‬
‫‪ learn.ebrahim.me‬ﻣﺘﺎح ﻓﻘﻂ ﻋﻠﻰ إﻳﻤﻴﻠﻚ اﻟﻤﺴﺠﻞ ﻓﻰ ﺗﺤﻤﻴﻞ اﻟﻜﺘﺎب‬

‫اﻟﻬﺪﻳﺔ اﻟﺜﺎﻧﻴﺔ‪:‬‬
‫اﻣﻜﺎﻧﻴﺔ اﻧﻚ ﺗﻜﺴﺐ ﻣﻌﻨﺎ واﺣﺪة ﻣﻦ اﻟﻬﺪاﻳﺎ اﻟﺘﺎﻟﻴﺔ‪:‬‬
‫اﻟﺤﺼﻮل ﻋﻠﻰ اﻟﻜﻮرس اﻟﻤﺘﻘﺪم ﻟﺠﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ ﻣﺠﺎﻧ ًﺎ‬
‫اﻟﺤﺼﻮل ﻋﻠﻰ ﺣﻀﻮر اﻟﻜﻮرس اوﻧﻼﻳﻦ ﻣﺠﺎﻧ ًﺎ‬
‫اﻟﺤﺼﻮل ﻋﻠﻰ ﺧﺼﻢ ‪ %30‬ﻋﻠﻰ اﻟﻜﻮرس اﻟﻤﺘﻘﺪم ﻟﺠﻮﺟﻞ ﺗﺎج ﻣﺎﻧﺠﺮ‬
‫اﻟﺤﺼﻮل ﻋﻠﻰ إﺷﺘﺮاك ‪ 3‬ﺷﻬﻮر ﻣﺠﺎﻧ ًﺎ ﻓﻲ اﻟﻘﻨﺎة اﻟﺘﻌﻠﻴﻤﻴﺔ‬
‫= ﺷﺮوط اﻟﻤﺴﺎﺑﻘﺔ‬
‫اﻹﻧﺘﻬﺎء ﻣﻦ ﺗﻨﻔﻴﺬ ﺟﻤﻴﻊ اﻟﻤﻬﺎم ﻓﻰ ﻫﺬا اﻟﻜﺘﺎب‬
‫اﻹﻧﺘﻬﺎء ﻣﻦ ﺟﻤﻴﻊ اﻟﺸﺮوﺣﺎت ﻟﻠﻜﻮرس‬
‫اﻟﺘﺴﺠﻴﻞ ﻓﻰ اﻟﻤﺴﺎﺑﻘﺔ ﻣﻦ ﺧﻼل اﻟﺮاﺑﻂ اﻟﺘﺎﻟﻲ‪:‬‬
‫‪https://forms.gle/ekVTcTepNeU1wx6b6‬‬
‫ﻫﻨﺒﻌﺘﻠﻚ اﻳﻤﻴﻞ ﺑﺎﻟﺘﺎﺳﻚ اﻟﻤﻄﻠﻮب ﻟﺘﺴﺠﻴﻠﻪ ﻣﻦ ﺧﻼل اﻟﻼﺑﺘﻮب اﻟﺨﺎص ﺑﻚ‬
‫وﻣﺮاﺳﻠﺘﻨﺎ ﺑﻪ ﻋﻠﻰ اﻷﻳﻤﻴﻞ‬
‫= ﺷﺮوط اﺧﺘﻴﺎر اﻟﻔﺎﺋﺰﻳﻦ‪:‬‬
‫ﺳﻮف ﻳﺘﻢ اﺧﺘﻴﺎر ‪ 4‬ﻓﺎﺋﺰﻳﻦ ﺷﻬﺮﻳ ًﺎ وﻣﺮاﺳﻠﺘﻬﻢ ﺑﺎﻟﺠﻮاﺋﺰ ﺑﻨﺎء ﻋﻠﻰ اﻟﺠﻮاﺋﺮ‬
‫اﻟﻤﺘﺎﺣﺔ ﻓﻰ ﻫﺬا اﻟﻮﻗﺖ ﻣﻦ ال ‪ 4‬اﻟﺴﺎﺑﻘﻴﻦ‬
‫ﻫﺬه اﻟﻤﺴﺎﺑﻘﺔ ﻣﺴﺘﻤﺮة ﺣﺘﻰ ‪ 30‬أﻏﺴﻄﺲ وﺳﻮف ﻳﺘﻢ ﺗﺠﺪﻳﺪ اﻟﻬﺪاﻳﺎ و‬
‫اﻟﻤﺴﺎﺑﻘﺔ ﻓﻰ ﻫﺬا اﻟﺘﻮﻗﻴﺖ وﺗﺤﺪﻳﺚ اﻟﻜﺘﺎب‬

‫اﻟﻬﺪﻳﺔ اﻟﺜﺎﻟﺜﺔ‪:‬‬
‫أﺣﺼﻞ ﻋﻠﻰ ﺧﺼﻢ ‪ %30‬ﻋﻠﻰ إﺷﺘﺮاﻛﻚ ﻓﻰ اﻟﺒﺎﻗﺎت اﻟﻤﺪﻓﻮﻋﺔ ﻟﺪي " أﻳﻨﻮﺷﻮب‬
‫ﻟﺤﻠﻮل اﻟﺘﺠﺎرة اﻹﻟﻜﺘﺮوﻧﻴﺔ " ﺑﺎﺳﺘﺨﺪام ﻛﻮد اﻟﺨﺼﻢ " ‪" GTM30‬‬

‫‪learn.ebrahim.me‬‬ ‫ﺻﻔﺤﺔ رﻗﻢ ‪15‬‬


‫اﻟﻤﺼﺎدر‬

.‫ﺷﻜﺮا ﻟﻴﻚ ﻟﻮﺻﻮﻟﻚ ﻷﺧﺮ ﺻﻔﺤﺔ ﻓﻰ اﻟﻜﺘﺎب‬


‫ﻫﻨﺎ ﻧﻘﻮم ﺑﺘﻮﺿﻴﺢ ﺟﻤﻴﻊ اﻟﻤﺼﺎدر اﻟﺘﻲ اﻋﺘﻤﺪﻧﺎ ﻋﻠﻴﻬﺎ ﻓﻰ اﻟﻤﻌﻠﻮﻣﺎت‬
‫ ﺧﺒﺮات اﻟﻌﻤﻞ ﻋﻠﻰ اﻻداة‬+ ‫اﻟﺴﺎﺑﻘﺔ و اﻟﻤﺤﺘﻮى اﻟﻤﺴﺠﻞ ﻓﻲ اﻟﻔﻴﺪﻳﻮﻫﺎت‬
.‫ﻃﻮال اﻟﺴﻨﻮات اﻟﺴﺎﺑﻘﺔ‬
‫ﺟﻤﻴﻊ اﻟﺮواﺑﻂ اﻟﻤﻮﺟﻮدة ﺑﺎﻻﺳﻔﻞ ﻫﻲ ﻣﺮاﺟﻊ ﻳﻤﻜﻨﻚ اﻳﻀ ًﺎ اﻻﺳﺘﻔﺎدة ﻣﻨﻬﺎ و‬
.‫ﻗﺮاءﺗﻬﺎ ﻟﺰﻳﺎدة اﻟﻤﻌﺮﻓﺔ‬

:‫اﻟﻤﺼﺎدر‬
1. https://support.google.com/tagmanager/answer/6103696?
hl=en&ref_topic=3441530
2. https://support.google.com/tagmanager/answer/7582054?
hl=en&ref_topic=3441530
3. https://support.google.com/tagmanager/answer/6164391?
hl=en&ref_topic=3441647
4. https://support.google.com/tagmanager/answer/6103657?
hl=en&ref_topic=3441647
5. https://support.google.com/tagmanager/answer/6107167?
hl=en&ref_topic=3002579
6. https://support.google.com/tagmanager/answer/9334084?
hl=en&ref_topic=3002579
7. https://support.google.com/tagmanager/answer/9454109?
hl=en&ref_topic=3002579
8. https://gtm4wp.com
9. https://tagmanager.google.com/gallery

learn.ebrahim.me 16 ‫ﺻﻔﺤﺔ رﻗﻢ‬

You might also like