តើធ្វើដូចម្តេចដើម្បីតាមដានការបញ្ជូនសំណុំបែបបទធាតុនៅក្នុងព្រឹត្តិការណ៍វិភាគ Google ដោយប្រើ JQuery

ខ្ញុំបានធ្វើការនៅលើគេហទំព័រប្លក, រូបភាពរបស់អតិថិជនសម្រាប់ប៉ុន្មានសប្តាហ៍ចុងក្រោយនេះដែលមានភាពស្មុគស្មាញខ្លះ។ ពួកគេកំពុងប្រើ ប្លក, រូបភាព ជាមួយនឹងការរួមបញ្ចូលទៅ ActiveCampaign សម្រាប់ការចិញ្ចឹមបីបាច់នាំមុខនិងក Zapier សមាហរណកម្មទៅ ហ្សេនដេសខេលក់ តាមរយៈ សំណុំបែបបទធាតុ។ វាជាប្រព័ន្ធដ៏អស្ចារ្យ…ចាប់ផ្តើមយុទ្ធនាការទម្លាក់ទឹកភ្លៀងទៅកាន់មនុស្សដែលស្នើសុំព័ត៌មាននិងជំរុញឱ្យមានអ្នកតំណាងផ្នែកលក់សមស្របនៅពេលត្រូវបានស្នើសុំ។ ខ្ញុំពិតជាចាប់អារម្មណ៍យ៉ាងខ្លាំងចំពោះភាពបត់បែននៃទម្រង់របស់ Elementor និងរូបរាងនិងអារម្មណ៍។

ជំហានចុងក្រោយគឺការផ្តល់ផ្ទាំងព័ត៌មានវិភាគសម្រាប់អតិថិជនតាមរយៈហ្គូហ្គោលវិភាគដែលផ្តល់ឱ្យពួកគេនូវការអនុវត្តពីមួយខែទៅមួយខែលើការដាក់ស្នើសំណុំបែបបទ។ ពួកគេបានតំឡើងកម្មវិធីគ្រប់គ្រងស្លាកហ្គូហ្គលដូច្នេះយើងកំពុងចាប់យកប្រតិបត្តិការពាណិជ្ជកម្មអេឡិចត្រូនិកនិងសកម្មភាពមើលយូធូបនៅលើគេហទំព័ររួចហើយ។

ខ្ញុំបានព្យាយាមប្រើ DOM កេះនិងព្រឹត្តិការណ៍ជាច្រើននៅក្នុងកម្មវិធីគ្រប់គ្រងស្លាកហ្គូហ្គោលដើម្បីចាប់យកការដាក់ស្នើទម្រង់ជោគជ័យសម្រាប់អ៊ីលីនធ័រប៉ុន្តែគ្មានសំណាងទាល់តែសោះ។ ខ្ញុំបានសាកល្បងវិធីផ្សេងៗជាច្រើនដើម្បីត្រួតពិនិត្យទំព័រមើលសារជោគជ័យដែលនឹងលេចឡើងតាមរយៈ AJAX ហើយវាមិនដំណើរការទេ។ ដូច្នេះ ... ខ្ញុំបានធ្វើការស្វែងរកខ្លះហើយបានរកឃើញដំណោះស្រាយដ៏ល្អមួយពីមេចុងភៅដែលបានហៅ ការតាមដានទម្រង់ធាតុការពារគ្រាប់កាំភ្លើងជាមួយ GTM.

ស្គ្រីបប្រើ jQuery និងកម្មវិធីគ្រប់គ្រងស្លាកហ្គូហ្គោលដើម្បីជំរុញ ព្រឹត្តិការណ៍វិភាគហ្គូហ្គល នៅពេលដែលសំណុំបែបបទត្រូវបានដាក់ស្នើដោយជោគជ័យ។ ជាមួយនឹងការកែប្រែបន្តិចបន្តួចនិងការកែសំយោគមួយខ្ញុំមានអ្វីៗគ្រប់យ៉ាងដែលខ្ញុំត្រូវការ។ នេះជាលេខកូដ៖

<script>
jQuery(document).ready(function($) {
    $(document).on('submit_success', function(evt) {
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
            'event': 'ga_event',
            'eventCategory': 'Form ',
            'eventAction': evt.target.name,
            'eventLabel': 'Submission'
        });
    });
});
</script>

វាពិតជាប៉ិនប្រសប់ណាស់មើលការដាក់ស្នើដែលទទួលបានជោគជ័យបន្ទាប់មកឆ្លងកាត់ សំណុំបែបបទ ដូចជាប្រភេទ, ឈ្មោះគោលដៅ ដូចជាសកម្មភាពនិង ការដាក់ស្នើ ជាស្លាក។ ដោយកំណត់គោលដៅកម្មវិធីអ្នកអាចមានលេខកូដនេះនៅផ្នែកខាងក្រោមនៃទំព័រនីមួយៗដើម្បីសង្កេតមើលការដាក់ស្នើសំណុំបែបបទ។ ដូច្នេះ ... នៅពេលអ្នកបន្ថែមឬកែប្រែទម្រង់អ្នកមិនចាំបាច់ព្រួយបារម្ភអំពីការធ្វើបច្ចុប្បន្នភាពស្គ្រីបឬបន្ថែមវាទៅទំព័រផ្សេងទៀតទេ។

ដំឡើងស្គ្រីបតាមរយៈលេខកូដផ្ទាល់ខ្លួនរបស់ Elementor

ប្រសិនបើអ្នកជាភ្នាក់ងារខ្ញុំសូមផ្តល់អនុសាសន៍ខ្ពស់ចំពោះការធ្វើឱ្យប្រសើរឡើងគ្មានដែនកំណត់និងការប្រើប្រាស់ Elementor សម្រាប់អតិថិជនរបស់អ្នកទាំងអស់។ វាជាវេទិកាដ៏រឹងមាំហើយចំនួននៃការធ្វើសមាហរណកម្មដៃគូនៅតែបន្តកើនឡើង។ ភ្ជាប់វាជាមួយកម្មវិធីជំនួយ ទម្រង់ទំនាក់ទំនងឌីប៊ី ហើយអ្នកក៏អាចប្រមូលរាល់ការដាក់ស្នើទម្រង់របស់អ្នក។

ប្រូហ្វាន់ មានជម្រើសគ្រប់គ្រងស្គ្រីបដ៏ល្អដែលបង្កើតឡើង។ នេះជារបៀបដែលអ្នកអាចបញ្ចូលលេខកូដរបស់អ្នក៖

• ចូលទៅកាន់ផ្ទាំង Elementor> លេខកូដផ្ទាល់ខ្លួន
• ដាក់ឈ្មោះកូដរបស់អ្នក
• កំណត់ទីតាំងក្នុងករណីនេះបញ្ចប់ ស្លាករាងកាយ.
• កំណត់អាទិភាពប្រសិនបើអ្នកមានស្គ្រីបច្រើនជាងមួយដែលអ្នកចង់បញ្ចូលនិងកំណត់លំដាប់របស់វា។

• ចុចធ្វើបច្ចុប្បន្នភាព
• អ្នកនឹងត្រូវបានសួរឱ្យកំណត់លក្ខខណ្ឌហើយគ្រាន់តែកំណត់វាទៅលំនាំដើមនៃទំព័រទាំងអស់។
• ធ្វើឱ្យឃ្លាំងសម្ងាត់របស់អ្នកស្រស់ហើយស្គ្រីបរបស់អ្នកបានផ្សាយផ្ទាល់!

មើលការរួមបញ្ចូលកម្មវិធីគ្រប់គ្រងស្លាកហ្គូហ្គលរបស់អ្នក

កម្មវិធីគ្រប់គ្រងស្លាកហ្គូហ្គលមានយន្តការដ៏អស្ចារ្យមួយសម្រាប់ភ្ជាប់ទៅអ៊ីនធឺរណែតរបស់កម្មវិធីអ៊ីនធឺណិតហើយពិតជាសាកល្បងលេខកូដរបស់អ្នកដើម្បីសង្កេតមើលថាតើអថេរត្រូវបានបញ្ជូនត្រឹមត្រូវឬអត់។ នេះមានសារៈសំខាន់ពីព្រោះហ្គូហ្គលវិភាគមិនមែនជាពេលវេលាពិតទេ។ អ្នកអាចសាកល្បងនិងសាកល្បងនិងសាកល្បងហើយពិតជាមានការខកចិត្តដែលទិន្នន័យមិនត្រូវបានបង្ហាញនៅក្នុង Google Analytics ប្រសិនបើអ្នកមិនបានដឹងរឿងនេះទេ។

ខ្ញុំនឹងមិនផ្តល់ការបង្រៀននៅទីនេះអំពីរបៀបធ្វើនោះទេ មើលជាមុននិងបំបាត់កំហុសកម្មវិធីគ្រប់គ្រងស្លាកហ្គូហ្គល…ខ្ញុំនឹងសន្មត់ថាអ្នកដឹង។ ខ្ញុំអាចបញ្ជូនទម្រង់របស់ខ្ញុំនៅលើទំព័រតេស្តដែលខ្ញុំបានភ្ជាប់ហើយមើលទិន្នន័យដែលបានរុញទៅទិន្នន័យ GTM ដូចដែលវាត្រូវការ៖

ក្នុងករណីនេះប្រភេទត្រូវបានសរសេរកូដរឹងជាទម្រង់គោលដៅគឺទំរង់ទំនាក់ទំនងមកយើងហើយស្លាកគឺជាការដាក់ស្នើ។

នៅក្នុងកម្មវិធីគ្រប់គ្រងស្លាកហ្គូហ្គលរៀបចំអថេរទិន្នន័យព្រឹត្តិការណ៍កេះនិងស្លាក

ជំហានចុងក្រោយលើនេះគឺរៀបចំកម្មវិធីគ្រប់គ្រងស្លាកហ្គូហ្គោលដើម្បីចាប់យកអថេរទាំងនោះហើយបញ្ជូនពួកគេទៅហ្គូហ្គលវិភាគស្លាកដែលបានរៀបចំសម្រាប់ព្រឹត្តិការណ៍មួយ។ Elad Levy លម្អិតជំហានទាំងនេះនៅក្នុងប្រកាសផ្សេងទៀតរបស់គាត់ - ការតាមដានព្រឹត្តិការណ៍ទូទៅនៅក្នុងកម្មវិធីគ្រប់គ្រងស្លាកហ្គូហ្គល.

នៅពេលការរៀបចំទាំងនោះអ្នកនឹងអាចឃើញព្រឹត្តិការណ៍នៅក្នុង Google វិភាគ!

ទទួលបាន Elementor Pro

ការលាតត្រដាង: ខ្ញុំកំពុងប្រើបណ្តាញពាក់ព័ន្ធរបស់ខ្ញុំពេញមួយអត្ថបទនេះ។