create account

AdBlock solution for publishers and visitors - Reader Mode by aschatria

View this thread on steemit.com
· @aschatria ·
$0.04
AdBlock solution for publishers and visitors - Reader Mode
![book_sphere_magic_sorcery_46753_1024x768.jpg](https://files.steempeak.com/file/steempeak/aschatria/NXoOPdys-book_sphere_magic_sorcery_46753_1024x768.jpg)

**I made a diplomatic solution for all my visitors when it comes to the advert units and AdBlock. Now each blog post has a READER MODE and visitors can remove ALL presented adverts, videos and additional elements of a page (besides a comment form) by clicking on one single button.Reader mode is available both for desktop and mobile devices and looks like this.**

<img src="https://i.imgur.com/8TCDNSv.png"/><br/>
<img src="https://i.imgur.com/KfKbM1O.png"/><br/>
<img src="https://i.imgur.com/D2BFz95.png"/><br/>


## <div class="phishy">Like anyone else, I dislike aggressive advertising</div>

As a visitor, an advert blocker is only good for those pages where the ad units, Youtube videos, and other scripts are coming down on a visitor in such a number and frequency that they block and freeze a browser. Personally, the last thing I want is that some poor blogger misses a chunk of payment because I wanted to have a nifty advert blocker. Usually, the big news websites are the biggest culprits when it comes to badly placed scripts, overlapping videos and load size that my browser usually can't stand - plus if I already have ten plus tabs opened, my browser just freezes. 
<br/><br/>
For that reason, I use an AdBlock extension or Adblock enabled browsers myself, but if any page asks me politely to turn that OFF I will do it. But, if I find a gruesome number of ads, that I can't stop from falling like a pile of bricks, there are only a few options I have left for that website. 
<br/>
## <div class="phishy">As a publisher, I want my adverts to be presented ( in a normal way...)</div>
As a publisher, I have ad units on my blog, but certainly not so many that they would in any way either obstruct a view to the content or impaired a loading speed. 
<br/><br/>
Same as I don't care if there are a few adverts on other people's blogs, I also want my advert units to be presented, but I also want that my visitors HAVE an option to be able to remove ALL scripts from their view to scroll and read faster and easier. <br/>


## <div class="phishy">I wanted to empower my audience's right to chose</div>
So, I additionally styled and coded my blog posts that contain those advert units, media files, and scripts and created a reader mode.
<br/><br/>
Reader mode is not one single script or a plugin you can easily install. I had to make all parts manually and fit it inside of my theme.
<br/>

## <div class="phishy">... so I created a reader mode...</div>
I had to install a script that will notice IF a user has an AdBlock and if it is ON. I had to tell that script to show a message informing my visitors that they have an option once the page is loaded so they can turn On ( engage) the reader mode. I had to tell that script to hide the rest of my post so that the audience would be interested to pause their respected blocking software. There are a few ways to read besides this script, hence a blog is on Github, self-explanatory anyone can read directly from my repository, but who has time for all of that...I had to make a script and toggle button to remove all parts of my page that should be hidden in Reader mode - I left only the chatbox, comment box, and BCH wallet button. 
I had to style that toggle button for Reader mode and make sure it is big enough for mobile devices as well. 
<br/>

## <div class="phishy">Conclusion: </div>
Everything works smooth and I believe this is the best solution for publishers who use adverts but want to give the audience ability to opt out of additional parts of the page they do not want to see. 

---

*Image attribution: [https://wallpaperscraft.com/wallpaper/book_sphere_magic_sorcery_46753)*

**What more can you get from me?**

The internet is such a great way to connect, and all that you use on it exists in the paid alternative. So, swap your old free apps and webs for the ones that will value your content and pay your time.

- [ReadCash](https://read.cash/@Read.Cash/what-is-readcash-9a0c0fe1) -blog about anything and get rewarded in Bitcoin Cash
- [MemoCash](https://memo.cash/profile/1BG9DDm1qB8QYtXGFWsjr65etYJbH4uCUv) - decentralized Bitcoin Cash Twitter alternative
- [LBRY](https://api.lbry.com/user/refer?r=ATqnzv25SCw9H7r2fmK83NYfPCEa9hwT) - decentralized YouTube alternative, get paid in LBC, stake it or swap for BCH with [SimpleSwap](https://simpleswap.io/?ref=988eef45bfb3)
- [Publish0x](https://www.publish0x.com/?a=K9b68qVeEv) - maintain up to three blogs and get paid in BAT for writing and voting ( [SimpleSwap](https://simpleswap.io/?ref=988eef45bfb3) supported)
- [SatoshiWall](https://satoshiwall.cash/?ref=aschatria)- monetize anything with Bitcoin Cash, sell your digital goods, music or photos
- [SpinBCH](https://spinbch.com/?r=108868) - fun game, spin and win some BCH
- [LocalBitcoinCash ](https://localbitcoincash.org/?rID=18806)- trade, buy and earn BCH easily, find work, offer services
- [Skrill](https://account.skrill.com/signup?rid=119396919) - FIAT and CRYPTO in one, debit card, bank cashouts and BCH wallet/exchange available
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 29 others
👎  
properties (23)
post_id84,162,223
authoraschatria
permlinkadblock-solution-for-publishers-and-visitors-reader-mode
categoryblog
json_metadata{"app":"steempeak\/2.2.8","format":"markdown","tags":["blog","creativecoin","howto","build-it","tutorial","advertising","solutions"],"users":["Read"],"links":["https:\/\/wallpaperscraft.com\/wallpaper\/book_sphere_magic_sorcery_46753","https:\/\/read.cash\/@Read.Cash\/what-is-readcash-9a0c0fe1","https:\/\/memo.cash\/profile\/1BG9DDm1qB8QYtXGFWsjr65etYJbH4uCUv","https:\/\/api.lbry.com\/user\/refer?r=ATqnzv25SCw9H7r2fmK83NYfPCEa9hwT","https:\/\/simpleswap.io\/?ref=988eef45bfb3","https:\/\/www.publish0x.com\/?a=K9b68qVeEv","https:\/\/simpleswap.io\/?ref=988eef45bfb3","https:\/\/satoshiwall.cash\/?ref=aschatria","https:\/\/spinbch.com\/?r=108868","https:\/\/localbitcoincash.org\/?rID=18806"],"image":["https:\/\/files.steempeak.com\/file\/steempeak\/aschatria\/NXoOPdys-book_sphere_magic_sorcery_46753_1024x768.jpg","https:\/\/i.imgur.com\/8TCDNSv.png","https:\/\/i.imgur.com\/KfKbM1O.png","https:\/\/i.imgur.com\/D2BFz95.png"]}
created2020-02-07 12:48:18
last_update2020-02-07 12:48:18
depth0
children2
net_rshares276,659,527,421
last_payout2020-02-14 12:48:18
cashout_time1969-12-31 23:59:59
total_payout_value0.026 SBD
curator_payout_value0.017 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length5,196
author_reputation10,232,929,922,807
root_title"AdBlock solution for publishers and visitors - Reader Mode"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (94)
@steemitboard ·
Congratulations @aschatria! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

<table><tr><td><img src="https://steemitimages.com/60x70/http://steemitboard.com/@aschatria/voted.png?202002090109"></td><td>You received more than 65000 upvotes. Your next target is to reach 70000 upvotes.</td></tr>
</table>

<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@aschatria) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=aschatria)_</sub>
<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>



###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!
👍  
properties (23)
post_id84,206,120
authorsteemitboard
permlinksteemitboard-notify-aschatria-20200209t022905000z
categoryblog
json_metadata{"image":["https:\/\/steemitboard.com\/img\/notify.png"]}
created2020-02-09 02:29:03
last_update2020-02-09 02:29:03
depth1
children0
net_rshares403,599,449
last_payout2020-02-16 02:29:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length851
author_reputation30,276,879,411,446
root_title"AdBlock solution for publishers and visitors - Reader Mode"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@steem-plus ·
SteemPlus upvote
Hi, @aschatria!

You just got a **0.05%** upvote from SteemPlus!
To get higher upvotes, earn more SteemPlus Points (SPP). On your Steemit wallet, check your SPP balance and click on "How to earn SPP?" to find out all the ways to earn.
If you're not using SteemPlus yet, please check our last posts in [here](https://steemit.com/@steem-plus) to see the many ways in which SteemPlus can improve your Steem experience on Steemit and Busy.
properties (22)
post_id84,268,268
authorsteem-plus
permlinkadblock-solution-for-publishers-and-visitors-reader-mode---vote-steemplus
categoryblog
json_metadata{}
created2020-02-11 02:18:21
last_update2020-02-11 02:18:21
depth1
children0
net_rshares0
last_payout1969-12-31 23:59:59
cashout_time2020-02-18 02:18:21
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length436
author_reputation247,995,867,762,997
root_title"AdBlock solution for publishers and visitors - Reader Mode"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000