ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਅਤੇ CSS3 ਨਾਲ ਐਡ ਬਲੌਕਰ ਦੀ ਪਛਾਣ ਕਿਵੇਂ ਕਰੀਏ
ਐਡਬਲਾਕਰ ਇੱਕ ਬ੍ਰਾਉਜ਼ਰ ਪਲੱਗਇਨ ਹੈ ਜੋ ਕੁਝ ਸਕ੍ਰਿਪਟਾਂ ਅਤੇ ਡੀਓਐਮ ਤੱਤਾਂ ਨੂੰ ਰੋਕ ਕੇ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਇਸ਼ਤਿਹਾਰਾਂ ਨੂੰ ਅਯੋਗ ਕਰਦੀ ਹੈ. ਕਿਉਂਕਿ ਇਸ਼ਤਿਹਾਰ ਨਿਰੰਤਰ ਬਦਲ ਰਹੇ ਹਨ ਵਿਗਿਆਪਨ ਖੋਜਕਰਤਾਵਾਂ ਨੂੰ ਨਵੇਂ ਵਿਗਿਆਪਨ ਫਾਰਮੈਟਾਂ ਦੇ ਅਨੁਸਾਰ ਨਿਰੰਤਰ ਅਨੁਕੂਲ ਹੋਣਾ ਪੈਂਦਾ ਹੈ.
ਤੁਸੀਂ ਆਪਣੇ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਦੇ ਉਪਰਲੇ ਸੱਜੇ ਕੋਨੇ ਵਿੱਚ ਲਾਲ ਨਿਸ਼ਾਨ ਦੇ ਹੇਠਾਂ ਆਪਣੇ ਐਡਬਲਾਕਰ ਨੂੰ ਸਮਰੱਥ ਅਤੇ ਅਯੋਗ ਕਰ ਸਕਦੇ ਹੋ. ਆਈਕਨ ਤੇ ਕਲਿਕ ਕਰੋ, ਫਿਰ ਇਸ ਡੋਮੇਨ ਤੇ ਨਾ ਚਲਾਓ ਦੀ ਚੋਣ ਕਰੋ
ਕੀ ਤੁਸੀਂ ਜਾਣਦੇ ਹੋ ਕਿ ਲਗਭਗ 30% ਇੰਟਰਨੈਟ ਉਪਯੋਗਕਰਤਾ ਇੱਕ ਐਡ ਬਲੌਕਰ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ? ਜੇ ਤੁਸੀਂ ਇਸ ਨੂੰ ਚਲਾਉਣ ਦੇ ਖਰਚਿਆਂ ਨੂੰ ਪੂਰਾ ਕਰਨ ਲਈ ਆਪਣੀ ਵੈਬਸਾਈਟ 'ਤੇ ਇਸ਼ਤਿਹਾਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਸੰਭਾਵਤ ਤੌਰ' ਤੇ ਆਮਦਨੀ ਗੁਆ ਸਕਦੇ ਹੋ.
ਹੱਲ? ਤੁਸੀਂ ਆਪਣੇ ਦਰਸ਼ਕਾਂ ਨੂੰ ਐਡ ਬਲੌਕਰ ਦੀ ਵਰਤੋਂ ਕਰਨ ਤੋਂ ਨਹੀਂ ਰੋਕ ਸਕਦੇ ਪਰ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਨੂੰ ਆਪਣੀ ਵੈਬਸਾਈਟ ਨੂੰ ਵਾਈਟਲਿਸਟ ਕਰਨ ਲਈ ਨਿਮਰਤਾ ਨਾਲ ਕਹਿ ਸਕਦੇ ਹੋ.
ਮੇਰਾ ਕੈਸ਼ ਐਪ ਖਾਤਾ ਦੁਬਾਰਾ ਕਿਵੇਂ ਖੋਲ੍ਹਣਾ ਹੈ
ਹੇਠਾਂ ਦਿੱਤਾ ਜੇਐਸ ਕੋਡ ਆਪਣੀ ਜੇਐਸ ਫਾਈਲ ਵਿੱਚ ਜਾਂ ਉਸ ਪੰਨੇ 'ਤੇ ਰੱਖੋ ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਪੌਪਅਪ ਦਿਖਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ.
fetch('http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js').catch(() => { let adp_underlay = document.createElement('div'); adp_underlay.className = 'adp-underlay'; document.body.appendChild(adp_underlay); let adp = document.createElement('div'); adp.className = 'adp'; adp.innerHTML = ` Ad Blocker Detected!
We use advertisements to keep our website online, could you please whitelist our website, thanks!
Okay `; document.body.appendChild(adp); adp.querySelector('a').onclick = e => { e.preventDefault(); document.body.removeChild(adp_underlay); document.body.removeChild(adp); }; }); ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਲਿਆਓ ਜਿਸ ਤਰੀਕੇ ਨਾਲ ਅਸੀਂ ਗੂਗਲ ਐਡਸੈਂਸ ਸਕ੍ਰਿਪਟ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਾਂ, ਬਹੁਤੇ ਐਡ ਬਲੌਕਰਸ ਇਸ ਸਕ੍ਰਿਪਟ ਨੂੰ ਰੋਕ ਦੇਣਗੇ ਕਿਉਂਕਿ ਇਹ ਇਸ਼ਤਿਹਾਰਾਂ ਦਾ ਸਭ ਤੋਂ ਆਮ ਸਰੋਤ ਹੈ, ਕੈਚ ਕਾਲਬੈਕ ਸਟੇਟਮੈਂਟ ਜਾਂਚ ਕਰੇਗੀ ਕਿ ਕੀ ਐਚਟੀਟੀਪੀ ਪ੍ਰਤੀਕਿਰਿਆ ਅਸਫਲ ਰਹੀ ਹੈ, ਅਸਲ ਵਿੱਚ ਅਰਥ ਹੈ ਕਿ ਐਡ ਬਲੌਕਰ ਦੁਆਰਾ ਸਰੋਤ ਨੂੰ ਰੋਕ ਦਿੱਤਾ ਗਿਆ ਹੈ.
ਜੇ ਜਵਾਬ ਲੋਡ ਕਰਨ ਵਿੱਚ ਅਸਫਲ ਰਿਹਾ ਹੈ ਤਾਂ ਕੋਡ ਪੌਪਅਪ ਬਾਕਸ ਨੂੰ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰ ਦੇਵੇਗਾ, ਸੰਦੇਸ਼ ਅਤੇ ਸਿਰਲੇਖ ਨੂੰ ਬਦਲਣ ਲਈ ਸੁਤੰਤਰ ਮਹਿਸੂਸ ਕਰੋ.
c++ ਮਲਟੀਪਲ ਜੇ ਸਟੇਟਮੈਂਟ
CSS ਕੋਡ (ਆਪਣੀ ਸਟਾਈਲਸ਼ੀਟ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ):
.adp { display: flex; box-sizing: border-box; flex-flow: column; position: fixed; z-index: 99999; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 500px; height: 400px; background-color: #ffffff; padding: 20px; border-radius: 5px; } .adp h3 { border-bottom: 1px solid #eee; margin: 0; padding: 15px 0; } .adp p { flex-grow: 1; } .adp a { display: block; text-decoration: none; width: 100%; background-color: #366ed8; text-align: center; padding: 10px; box-sizing: border-box; color: #ffffff; border-radius: 5px; } .adp a:hover { background-color: #3368cc; } .adp-underlay { background-color: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99998; } ਨਤੀਜਾ ਹੇਠ ਲਿਖੇ ਵਰਗਾ ਦਿਖਾਈ ਦੇਵੇਗਾ ਜੇ ਉਪਭੋਗਤਾ ਨੇ ਆਪਣਾ ਐਡਬਲੌਕ ਸਮਰੱਥ ਕੀਤਾ ਹੈ:
ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ 
showtimeanytime.com/activate 'ਤੇ ਜਾਓ
ਇਸ ਤਰ੍ਹਾਂ ਤੁਸੀਂ ਐਡਬਲੌਕ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਇੱਕ ਬੁਨਿਆਦੀ ਪੌਪਅਪ ਬਣਾਉਂਦੇ ਹੋ, ਆਪਣੀ ਵੈਬਸਾਈਟ ਅਤੇ/ਜਾਂ ਪ੍ਰੋਜੈਕਟਾਂ ਤੇ ਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਸੁਤੰਤਰ ਮਹਿਸੂਸ ਕਰੋ, ਸਿਰਫ ਯਾਦ ਰੱਖੋ ਕਿ ਕਲਾਸ ਦਾ ਨਾਮ ਐਡਬੈਨਰ ਜਾਂ ਐਡਬਲੌਕ ਵਰਗੀ ਕਿਸੇ ਵੀ ਚੀਜ਼ ਵਿੱਚ ਨਾ ਰੱਖੋ ਕਿਉਂਕਿ ਕੁਝ ਵਿਗਿਆਪਨ ਬਲੌਕਰ ਇਸ ਨੂੰ ਖੋਜਣ ਅਤੇ ਲੁਕਾਉਣ ਦੇ ਯੋਗ ਹਨ. ਉਹ ਉਪਭੋਗਤਾ ਤੋਂ.
#html #javascript #css