VueJs ਵਿੱਚ ਸਿੰਗਲ ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ (SPA) ਦੇ ਨਾਲ ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ
ਅਤੀਤ ਵਿੱਚ ਮੈਂ ਸਹੀ ਉਦੇਸ਼ ਲਈ ਸਹੀ ਸਾਧਨ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਸੀ. ਇਸਨੇ ਮੈਨੂੰ ਬਹੁਤ ਸਾਰੇ ਸਾਧਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਪ੍ਰੇਰਿਤ ਕੀਤਾ, ਅਤੇ ਜ਼ਿਆਦਾਤਰ ਗਾਹਕੀ-ਅਧਾਰਤ ਬਿਲਿੰਗ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੇ ਨਾਲ, ਸਾਡੇ ਖਰਚਿਆਂ ਨੂੰ ਬਹੁਤ ਜ਼ਿਆਦਾ ਵਧਾ ਦਿੱਤਾ ਜਿਸਦੀ ਮੈਂ ਉਮੀਦ ਕਰਦਾ ਸੀ. ਇਸ ਲਈ, ਮੈਂ ਇੱਕ ਨਵੀਂ ਰਣਨੀਤੀ ਅਪਣਾਈ:
ਜਿੰਨੇ ਸੰਭਵ ਹੋ ਸਕੇ ਘੱਟ ਸਾਧਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਪਰ ਜਿੰਨਾ ਸੰਭਵ ਹੋ ਸਕੇ ਉਹਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ.
ਜਦੋਂ ਮੈਂ ਜਾਣਿਆ ਕਿ ਉਪਭੋਗਤਾ ਸਾਡੀ ਬਿਲਕੁਲ ਨਵੀਂ ਵੈਬ-ਐਪ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰ ਰਹੇ ਹਨ? ਪ੍ਰਸ਼ਨ, ਸਪੱਸ਼ਟ ਉੱਤਰ ਇਹ ਵੇਖਣਾ ਸੀ ਕਿ ਅਸੀਂ ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰ ਸਕਦੇ ਹਾਂ. ਵੈਬ ਉਪਯੋਗਾਂ ਨੂੰ ਟਰੈਕ ਕਰਨ ਦੇ ਉਨ੍ਹਾਂ ਦੇ ਵਿਭਿੰਨ ਸਾਧਨਾਂ ਅਤੇ ਤਜ਼ਰਬੇ ਨੂੰ ਨਜ਼ਰ ਅੰਦਾਜ਼ ਕਰਨਾ ਅਸੰਭਵ ਮਹਿਸੂਸ ਹੋਇਆ. ਇਸ ਸਭ ਨੂੰ ਖਤਮ ਕਰਨ ਲਈ, ਗੂਗਲ ਸੁਰੱਖਿਆ ਅਤੇ ਕਾਰਗੁਜ਼ਾਰੀ ਦੇ ਨਾਲ ਬਹੁਤ ਵਧੀਆ ਹੈ, ਅਤੇ ਖਰਚੇ ਜ਼ੀਰੋ ਦੇ ਨੇੜੇ ਹਨ (ਘੱਟੋ ਘੱਟ ਹੁਣ ਲਈ).
ubuntu 20.04 ਹੋਸਟ ਨਾਂ ਬਦਲੋ
ਪਰ ਤੁਸੀਂ ਅੰਦਰਲੇ ਸਿੰਗਲ ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਕਿਵੇਂ ਟਰੈਕ ਕਰਦੇ ਹੋ VueJS ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਦੇ ਨਾਲ? ਉਨ੍ਹਾਂ ਲਈ, ਇਹ ਸਭ ਪੇਜ ਵਿਯੂਜ਼, ਰੈਫਰਰਸ ਅਤੇ ਬਾounceਂਸ-ਰੇਟ ਬਾਰੇ ਹੈ-ਅਸਲ ਵਿੱਚ ਸਾਡੇ ਕੋਲ ਜੋ ਹੈ ਉਸ ਲਈ suitableੁਕਵਾਂ ਨਹੀਂ ਹੈ.
ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਇਵੈਂਟਸ ਦਾਖਲ ਕਰੋ
ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਇਵੈਂਟਸ ਟ੍ਰੈਕਿੰਗ ਬਹੁਤ ਸਪੱਸ਼ਟ ਸੀ, ਕਿਉਂਕਿ ਐਪ ਨਾਲ ਕਿਸੇ ਵੀ ਕਿਸਮ ਦੀ ਗੱਲਬਾਤ ਘੱਟੋ ਘੱਟ ਇੱਕ ਘਟਨਾ ਸੀ.
ਹਾਲਾਂਕਿ, ਸਾਨੂੰ ਕਿਵੇਂ ਪਤਾ ਲੱਗੇਗਾ ਕਿ ਉਪਭੋਗਤਾ ਨੇ ਕਿਹੜੇ ਪੰਨੇ (ਜਾਂ ਸਕ੍ਰੀਨ) ਤੇ ਉਸ ਘਟਨਾ ਨੂੰ ਚਾਲੂ ਕੀਤਾ? ਇਕ ਤਰੀਕਾ ਉਨ੍ਹਾਂ ਪੰਨਿਆਂ 'ਤੇ ਘਟਨਾਵਾਂ ਨੂੰ ਨਾਮ ਦੇਣਾ ਜਾਂ ਸ਼੍ਰੇਣੀਬੱਧ ਕਰਨਾ ਸੀ ਜਿਨ੍ਹਾਂ' ਤੇ ਉਹ ਚਾਲੂ ਹੋਏ ਸਨ, ਪਰ ਇਹ ਗੈਰ ਕੁਦਰਤੀ ਅਤੇ ਬਾਅਦ ਵਿਚ ਲੜੀਵਾਰ ਮੁੱਦਿਆਂ ਦਾ ਸ਼ਿਕਾਰ ਹੋਇਆ.
ਇਸ ਲਈ, ਇੱਕ ਤਰੀਕਾ ਪੰਨੇ ਦੇ ਦ੍ਰਿਸ਼ਾਂ ਦੀ ਨਕਲ ਕਰਨਾ ਸੀ ਜਦੋਂ ਉਪਭੋਗਤਾ ਸਕ੍ਰੀਨ ਤੋਂ ਸਕ੍ਰੀਨ ਤੇ ਵੇਖ ਰਿਹਾ ਸੀ. ਇਸਦਾ ਅਰਥ ਇਹ ਸੀ ਕਿ ਸ਼ੁਰੂਆਤੀ ਟਰੈਕਿੰਗ ਕੋਡ ਨੂੰ ਇਹ ਨਿਰਧਾਰਤ ਕਰਨਾ ਪਿਆ ਸੀ ਕਿ ਜਦੋਂ ਉਪਭੋਗਤਾ ਦੇ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਅਰੰਭਕ ਅਰਜ਼ੀ ਲੋਡ ਕੀਤੀ ਗਈ ਸੀ ਤਾਂ ਇਹ ਪੇਜ-ਵਿਯੂ ਬੇਨਤੀ ਨਹੀਂ ਭੇਜਣੀ ਸੀ.
index.html
window.GA_TRACKING_ID = 'UA-XXXXXXXXX-XX'; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', GA_TRACKING_ID, { app_name: 'Monitive Web App', send_page_view: false }); . . . . . . . ਉਪਰੋਕਤ ਮਹੱਤਵਪੂਰਨ ਹਿੱਸਾ | _+_ | ਹੈ ਬਿੱਟ. ਇਹ GA ਕੋਡ ਨੂੰ ਇੱਕ ਪੰਨਾ ਦ੍ਰਿਸ਼ ਨਾ ਭੇਜਣ ਦਾ ਕਾਰਨ ਬਣਦਾ ਹੈ ਜਦੋਂ ਐਪ ਬ੍ਰਾਉਜ਼ਰ ਵਿੰਡੋ ਵਿੱਚ ਲੋਡ ਹੁੰਦਾ ਹੈ. ਅਤੇ ਅਸੀਂ ਇਹ ਚਾਹੁੰਦੇ ਹਾਂ ਕਿਉਂਕਿ ਅਸੀਂ ਆਪਣੇ ਸਕ੍ਰੀਨ-ਰੈਂਡਰਿੰਗ ਕੋਡ ਤੋਂ ਦ੍ਰਿਸ਼ ਭੇਜਣ ਜਾ ਰਹੇ ਹਾਂ.
VueJS ਲਈ, ਕਿਉਂਕਿ ਅਸੀਂ ਵਰਤ ਰਹੇ ਹਾਂ ਵਯੂ-ਰਾouterਟਰ , ਜਦੋਂ ਸਾਨੂੰ ਉਪਭੋਗਤਾ ਐਪ ਨੂੰ ਬ੍ਰਾਉਜ਼ ਕਰ ਰਿਹਾ ਸੀ ਤਾਂ ਪੇਜ ਵਿਯੂਜ਼ ਭੇਜਣ ਲਈ ਸਾਨੂੰ ਸਿਰਫ ਇੱਕ ਜੋੜਨ ਦੀ ਜ਼ਰੂਰਤ ਸੀ afterEach () ਇਵੈਂਟ ਹੈਂਡਲਰ:
router.js
send_page_view: falseਮੈਂ ਟਰੈਕਿੰਗ ਆਈਡੀ ਨੂੰ ਇੱਕ ਗਲੋਬਲ ਵਿੰਡੋ ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੱਚ ਸੁਰੱਖਿਅਤ ਕੀਤਾ, ਇਸ ਲਈ ਅਸੀਂ ਇਸਨੂੰ ਇੱਕ ਜਗ੍ਹਾ ਤੇ ਪਰਿਭਾਸ਼ਤ ਕਰ ਸਕਦੇ ਹਾਂ ਅਤੇ ਇਸਦੀ ਵਰਤੋਂ ਆਲੇ ਦੁਆਲੇ ਕਰ ਸਕਦੇ ਹਾਂ. ਇਸ ਨੇ ਵਿਕਾਸ ਅਤੇ ਉਤਪਾਦਨ ਦੇ ਵਾਤਾਵਰਣ ਲਈ ਤੈਨਾਤ ਸਮੇਂ ਤੇ ਅਨੁਸਾਰੀ ਟਰੈਕਿੰਗ ਆਈਡੀ ਨਿਰਧਾਰਤ ਕਰਨ ਵਿੱਚ ਵੀ ਸਹਾਇਤਾ ਕੀਤੀ, ਤਾਂ ਜੋ ਜਦੋਂ ਵੀ ਅਸੀਂ ਵਿਕਾਸ, ਟੈਸਟਿੰਗ ਜਾਂ ਸਟੇਜਿੰਗ ਤੈਨਾਤੀ ਵਿੱਚ ਖੇਡੇ, ਉਤਪਾਦਨ ਦੇ ਮਾਪਦੰਡ ਪ੍ਰਭਾਵਤ ਨਾ ਹੋਣ.
gsx ਸਿੱਕਾ ਕਿੱਥੇ ਖਰੀਦਣਾ ਹੈ
ਉੱਥੇ! ਹੁਣ ਸਾਡੇ ਕੋਲ ਸਾਡੇ VueJS SPA ਵਿੱਚ ਪੇਜ-ਵਿਯੂਜ਼ ਹਨ.
ਅੱਗੇ, ਇਵੈਂਟਸ. ਪਰ ਅਸੀਂ ਘਟਨਾਵਾਂ ਨੂੰ ਕਿਵੇਂ ਸ਼੍ਰੇਣੀਬੱਧ ਕਰਦੇ ਹਾਂ? ਅਸੀਂ ਇਹ ਕਿਵੇਂ ਪਛਾਣਦੇ ਹਾਂ ਕਿ ਕਿਹੜੀਆਂ ਘਟਨਾਵਾਂ ਦੂਜਿਆਂ ਨਾਲੋਂ ਵਧੇਰੇ ਮਹੱਤਵਪੂਰਣ ਹਨ? ਉਪਭੋਗਤਾ ਦੁਆਰਾ ਪ੍ਰਾਪਤ ਕੀਤੇ ਜਾ ਰਹੇ ਗਲਤੀ ਸੰਦੇਸ਼ਾਂ ਨੂੰ ਅਸੀਂ ਕਿਵੇਂ ਟਰੈਕ ਕਰੀਏ, ਇੱਕ ਉਪਭੋਗਤਾ ਕੀ ਕਰ ਰਿਹਾ ਹੈ ਦੇ ਸੰਦਰਭ ਵਿੱਚ?
ਕੁਝ ਦਿਨਾਂ ਦੇ ਵਿਚਾਰ -ਵਟਾਂਦਰੇ ਤੋਂ ਬਾਅਦ, ਹੇਠ ਲਿਖੀਆਂ ਘਟਨਾ ਸ਼੍ਰੇਣੀਆਂ ਸਾਹਮਣੇ ਆਈਆਂ:
- ਸ਼ਮੂਲੀਅਤ - ਇਵੈਂਟਸ ਜਿੱਥੇ ਉਪਭੋਗਤਾ ਨੇ ਅਸਲ ਵਿੱਚ ਐਪ ਵਿੱਚ ਕੁਝ ਕੀਤਾ: ਸਾਈਨ ਇਨ ਕੀਤਾ, ਇੱਕ ਨਵਾਂ ਮਾਨੀਟਰ ਸ਼ਾਮਲ ਕੀਤਾ, ਆਪਣੀ ਪ੍ਰੋਫਾਈਲ ਜਾਣਕਾਰੀ ਨੂੰ ਅਪਡੇਟ ਕੀਤਾ, ਆਦਿ.
- ਨੇਵੀਗੇਸ਼ਨ -ਇਹ ਉਹ ਇਵੈਂਟਸ ਹਨ ਜਿਨ੍ਹਾਂ ਦੇ ਕਾਰਨ ਵੈਬ-ਐਪ ਨੂੰ ਦੂਜੇ ਪੰਨੇ 'ਤੇ ਜਾਣ ਦਾ ਕਾਰਨ ਬਣਾਇਆ ਗਿਆ: ਲੋਗੋ ਨੂੰ ਟੈਪ ਕਰਨਾ, ਸਾਈਡਬਾਰ ਮੀਨੂ ਦੇ ਭਾਗ, ਵੇਰਵੇ ਵਾਲੇ ਪੰਨੇ ਤੋਂ ਵਾਪਸ ਜਾਣਾ, ਆਦਿ.
- ਗੱਲਬਾਤ ਕਰਨੀ - ਇਹ ਪੰਨੇ ਦੇ ਕਿਸੇ ਤੱਤ ਦੇ ਨਾਲ ਉਪਭੋਗਤਾ ਦੀ ਗੱਲਬਾਤ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ, ਜੋ ਬੈਕਐਂਡ ਵਿੱਚ ਕਿਸੇ ਵੀ ਡੇਟਾ ਨੂੰ ਅਪਡੇਟ ਨਹੀਂ ਕਰਦਾ. ਉਦਾਹਰਣ ਦੇ ਲਈ, ਉਪਭੋਗਤਾ ਨੇ ਇੱਕ ਭਾਗ ਦਾ ਵਿਸਤਾਰ ਕੀਤਾ, ਇੱਕ ਚੈਕਬਾਕਸ ਨੂੰ ਟੌਗਲ ਕੀਤਾ ਜਾਂ ਸਾਈਡਬਾਰ ਮੀਨੂ ਖੋਲ੍ਹਿਆ.
- ਅਨੁਭਵ - ਇਹ ਉਹ ਘਟਨਾਵਾਂ ਹੁੰਦੀਆਂ ਹਨ ਜੋ ਉਪਭੋਗਤਾ ਨੇ ਅਨੁਭਵ ਕੀਤੀਆਂ ਹੁੰਦੀਆਂ ਹਨ, ਆਮ ਤੌਰ 'ਤੇ ਉਨ੍ਹਾਂ ਦੁਆਰਾ ਕੀਤੇ ਕੁਝ ਦੇ ਬਾਅਦ. ਇੱਕ ਉਦਾਹਰਣ 'ਅਨੁਭਵ' ਘਟਨਾ ਉਦੋਂ ਹੁੰਦੀ ਹੈ ਜਦੋਂ ਉਪਯੋਗਕਰਤਾ ਨੂੰ ਪ੍ਰਮਾਣਿਕਤਾ ਗਲਤੀ ਪ੍ਰਾਪਤ ਹੁੰਦੀ ਹੈ, ਜਾਂ ਇੱਕ ਪੌਪ-ਅਪ ਪ੍ਰਸ਼ਨ ਪੁਸ਼ਟੀ ਲਈ ਪੁੱਛਦਾ ਹੈ. ਇਹ ਉਪਰੋਕਤ ਕਿਸੇ ਵੀ ਸ਼੍ਰੇਣੀ ਵਿੱਚ ਨਹੀਂ ਆਉਂਦੇ ਅਤੇ ਅਸੀਂ ਉਨ੍ਹਾਂ ਨੂੰ ਵਿਸ਼ਲੇਸ਼ਣ ਵਿੱਚ ਭੇਜ ਰਹੇ ਹਾਂ ਜਿਸਦਾ ਜ਼ਿਕਰ ਕਰਦੇ ਹੋਏ ਕਿ ਇਹ ਗੈਰ-ਪਰਸਪਰ ਕ੍ਰਿਆਵਾਂ ਹਨ.
ਕਿਉਂਕਿ ਇਹ ਸਾਡੇ ਕੋਡ ਵਿੱਚ ਹਰ ਜਗ੍ਹਾ ਸ਼ਾਮਲ ਕੀਤੇ ਜਾ ਰਹੇ ਸਨ, ਅਸੀਂ ਚਾਰ ਸਹਾਇਕ ਮਿਕਸਿਨ ਤਰੀਕਿਆਂ ਦਾ ਇੱਕ ਸਮੂਹ ਤਿਆਰ ਕੀਤਾ ਹੈ, ਜਿਸ ਨੂੰ ਕਿਤੇ ਵੀ ਅਸਾਨੀ ਨਾਲ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ:
helpers.js
router.afterEach((to) => { gtag('config', window.GA_TRACKING_ID, { page_path: to.fullPath, app_name: 'Monitive Web App', send_page_view: true, }); }); ਕਿਉਂਕਿ ਜ਼ਿਆਦਾਤਰ ਇਵੈਂਟਸ ਜਿੱਥੇ ਨੈਵੀਗੇਸ਼ਨ ਵੱਖ ਵੱਖ ਲਿੰਕਾਂ ਜਾਂ ਬਟਨਾਂ ਤੇ ਕਲਿਕ ਕਰਦਾ ਹੈ, ਸਾਡੇ ਕੋਲ ਇਹਨਾਂ ਲਈ ਤੇਜ਼ ਸਹਾਇਕ ਵਿਧੀਆਂ ਵੀ ਹਨ:
helpers-click.js
const helpers = { methods: { gaNavigation(action, label) { gtag('event', action, { event_category: 'navigation', event_label: label, }); }, gaEngagement(action, label) { gtag('event', action, { event_category: 'engagement', event_label: label, }); }, gaInteraction(action, label) { gtag('event', action, { event_category: 'interaction', event_label: label, }); }, gaExperience(action, label) { gtag('event', action, { event_category: 'experience', event_label: label, non_interaction: true, }); }, }, // §.methods }; ਹੁਣ, ਜੇ ਸਾਨੂੰ ਕਿਸੇ ਨੇਵੀਗੇਸ਼ਨ ਇਵੈਂਟ ਨੂੰ ਟਰੈਕ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਤਾਂ ਅਸੀਂ ਇਸਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਕਿਸੇ ਵੀ ਵਯੂ ਟੈਂਪਲੇਟ ਵਿੱਚ ਕਰ ਸਕਦੇ ਹਾਂ:
gaClickLink(label) { gtag('event', 'click_link', { event_category: 'navigation', event_label: label, }); }, gaClickCta(label) { gtag('event', 'click_cta', { event_category: 'navigation', event_label: label, }); },
ਜਾਂ ਕਿਸੇ ਵਿਧੀ ਵਿੱਚ, ਕੁਝ ਇਸ ਤਰ੍ਹਾਂ ਦੇ ਨਾਲ:
ga-interact.js
ਜੋ ਮੈਂ ਅਸਲ ਵਿੱਚ ਕੀਤਾ ਉਹ ਪਹਿਲਾਂ ਉਨ੍ਹਾਂ ਸਾਰੀਆਂ ਇਵੈਂਟਸ ਦੀ ਸੂਚੀ ਬਣਾਉਣਾ ਸੀ ਜਿਨ੍ਹਾਂ ਨੂੰ ਮੈਂ ਹਰੇਕ ਸਕ੍ਰੀਨ ਲਈ ਟ੍ਰੈਕ ਕਰਨਾ ਚਾਹੁੰਦਾ ਸੀ, ਅਤੇ ਫਿਰ ਉਨ੍ਹਾਂ ਨੂੰ ਕੋਡ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਨਾ ਸੀ. ਪਹਿਲਾਂ ਇੱਕ ਸੂਚੀ ਰੱਖਣਾ ਇਸ ਪ੍ਰਸ਼ਨ ਦਾ ਉੱਤਰ ਦੇਣ ਵਿੱਚ ਸਹਾਇਤਾ ਕਰਦਾ ਹੈ, ਮੈਂ ਕੀ ਟਰੈਕ ਕਰਨਾ ਚਾਹੁੰਦਾ ਹਾਂ?
ਸਕ੍ਰੀਨ ਵਿ View ਇਵੈਂਟਸ
ਹਾਲਾਂਕਿ ਮੈਨੂੰ ਇਸ ਵਿਸ਼ੇ ਤੇ ਬਹੁਤ ਸਾਰੇ ਦਸਤਾਵੇਜ਼ ਨਹੀਂ ਮਿਲੇ ਹਨ, ਅਜਿਹਾ ਲਗਦਾ ਹੈ ਕਿ ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਦੇ ਕੋਲ ਐਸਪੀਏ ਨੂੰ ਟ੍ਰੈਕ ਕਰਨ ਲਈ ਕੁਝ ਵਿਸ਼ੇਸ਼ ਸਹਾਇਤਾ ਹੈ ਜਿਸਨੂੰ 'ਖਾਸ' ਇਵੈਂਟ ਭੇਜਿਆ ਜਾਂਦਾ ਹੈ. ਸਕ੍ਰੀਨ_ਵਿ '. ਮੇਰੇ ਲਈ, ਇਹ ਸਪੱਸ਼ਟ ਨਹੀਂ ਸੀ ਕਿ ਮੈਂ ਸਕ੍ਰੀਨ ਵਿਯੂ ਜਾਣਕਾਰੀ ਨੂੰ ਕਿੱਥੇ ਵੇਖ ਸਕਦਾ ਸੀ ਅਤੇ ਪੇਜ ਵਿਯੂ ਅਤੇ ਸਕ੍ਰੀਨ ਵਿਯੂ ਵਿੱਚ ਕੀ ਅੰਤਰ ਸੀ, ਇਸ ਲਈ ਮੈਂ ਸਕ੍ਰੀਨ_ਵਿ event ਇਵੈਂਟ ਨੂੰ ਪੇਜ ਵਿ view ਇਵੈਂਟ ਦੇ ਨਾਲ, _ _+_ | ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ. ਇਵੈਂਟ ਹੈਂਡਲਰ:
ਰਾouterਟਰ- screen.js
methods: { submit() { this.$root.gaInteraction('save_monitor'); // ...submit code } } ਇਸ ਨਾਲ ਮੇਰਾ ਉਦੇਸ਼ ਕੁਝ ਹਫਤਿਆਂ ਜਾਂ ਮਹੀਨਿਆਂ ਵਿੱਚ ਵੇਖਣਾ ਸੀ ਜੇ ਇਹ ਕੀਮਤੀ ਜਾਣਕਾਰੀ ਲਿਆਉਂਦਾ ਹੈ, ਜਾਂ ਜੇ ਇਹ ਸੂਡੋ-ਪੇਜ ਵਿ view ਇਵੈਂਟਸ ਨਾਲੋਂ ਕਿਸੇ ਵੀ ਤਰੀਕੇ ਨਾਲ ਬਿਹਤਰ ਹੈ.
ਸੂਝ
ਇਸ ਸਾਰੇ ਸੈੱਟ ਨੂੰ ਜਗ੍ਹਾ ਤੇ ਰੱਖਣਾ ਉਪਭੋਗਤਾਵਾਂ ਦੁਆਰਾ ਸਾਡੀ ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੇ ਤਰੀਕੇ ਨੂੰ ਸਿੱਖਣ ਵਿੱਚ ਬਹੁਤ ਮਹੱਤਵ ਰੱਖਦਾ ਹੈ. ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਦਰਸ਼ਕਾਂ ਅਤੇ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਵੰਡਣ ਵਿੱਚ ਇੱਕ ਸ਼ਾਨਦਾਰ ਕੰਮ ਕਰਦਾ ਹੈ. ਇਹ ਬਹੁਤ ਸਾਰੀ ਅਤੇ ਬਹੁਤ ਸਾਰੀ ਉਪਯੋਗੀ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰ ਰਿਹਾ ਹੈ ਜਿਵੇਂ ਕਿ ਸੈਲਾਨੀਆਂ ਅਤੇ ਉਪਭੋਗਤਾਵਾਂ ਬਾਰੇ ਭੂਗੋਲਿਕ ਅਤੇ ਤਕਨੀਕੀ ਅੰਕੜੇ.
ਇਸ ਕਿਸਮ ਦੀ ਜਾਣਕਾਰੀ ਕਦੇ ਵੀ ਗਾਹਕਾਂ ਨਾਲ ਚੰਗੀ, ਸਿਹਤਮੰਦ ਗੱਲਬਾਤ ਦੀ ਥਾਂ ਨਹੀਂ ਲੈਂਦੀ, ਪਰ ਇਹ ਇਹ ਪਛਾਣਨ ਵਿੱਚ ਸਹਾਇਤਾ ਕਰਦੀ ਹੈ ਕਿ ਉਹ ਕਿਹੜੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਜਾਂ ਇੰਟਰਫੇਸ ਤੱਤ ਵਰਤ ਰਹੇ ਹਨ ਜਾਂ ਨਹੀਂ ਵਰਤ ਰਹੇ, ਉਹ ਕਿਹੜੇ ਉਪਕਰਣਾਂ ਤੋਂ ਮੋਨੀਟਿਵ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹਨ ਅਤੇ ਉਹ ਐਪ ਨਾਲ ਕਿੰਨਾ ਕੁ ਜੁੜੇ ਹੋਏ ਹਨ.
ਮੈਂ vtho ਸਿੱਕਾ ਕਿੱਥੇ ਖਰੀਦ ਸਕਦਾ ਹਾਂ
ਇਹ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਉਪਯੋਗੀ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਐਪ ਤੋਂ ਕੀ ਹਟਾਉਣਾ ਹੈ, ਕਿਹੜੇ ਬਟਨ ਜਾਂ ਲਿੰਕ ਕਾਫ਼ੀ ਦਿਖਾਈ ਨਹੀਂ ਦਿੰਦੇ, ਅਤੇ ਉਹ ਕਿਹੜੇ ਦੁਹਰਾਉਣ ਵਾਲੇ ਕਾਰਜ ਕਰ ਰਹੇ ਹਨ, ਇਸ ਨਾਲ ਸਾਨੂੰ ਇੰਟਰਫੇਸ ਅਤੇ ਸਮੁੱਚੇ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਦੀ ਆਗਿਆ ਮਿਲਦੀ ਹੈ.
#vueis #javascript #vue-js