teknogeek/README.md

## README.md

      
    Raw
  

              README.md
            
          
    NOTE: This script has been designed to work only with YouTube's new material design layout
How to Whitelist a Channel

Personally, I use uBlock Origin since it's faster, more efficient, and less biased than Adblock Plus. So, here are instructions on how to add a whitelist rule for a channel in uBlock

Goto a YouTube video posted by the channel you want to whitelist
Wait for it to load and copy the text following the &user= portion of the URL
Click on the uBlock icon
Click on the gear in the corner of the pop-up window
Click on the "Whitelist" tab in the options page
Add a new line to the list containing the following: youtube.com/*user=USER_ID
BE SURE TO CHANGE USER_ID TO THE TEXT YOU COPIED EARLIER!
For example, if you wanted to add Vet Ranch to your whitelist, you would add: youtube.com/*user=VetRanch
Click the "Apply changes" button
Reload the tab and you should notice uBlock is disabled

Caveat

There's always a caveat isn't there...since this is unable to get the channel information before the video starts playing, it is impossible to actually load an ad when the channel ID is initially gotten and put into the URL. To fix this, the script will reload the page automatically once it knows the channel ID to allow ads to load. Sorry!

  
## greasemonkey-youtube-whitelist.js
// ==UserScript==
// @name        YouTube Channel Whitelister
// @namespace   https://tekno.pw
// @author      teknogeek
// @description Helps whitelist YouTube channels in uBlock Origin
// @include     http://*.youtube.com/*
// @include     https://*.youtube.com/*
// @version     2.2
// @grant       none
// @license     http://creativecommons.org/licenses/by-sa/4.0/
// ==/UserScript==


function setChannelName(elem) {
    // use regex to get the channel name or user ID from the element data (thanks @Google for the __data__ :D)
    var channelID = elem.__data__.data.owner.videoOwnerRenderer.navigationEndpoint.browseEndpoint.canonicalBaseUrl;
    channelID = channelID.match(/\/(?:user|channel)\/(.*)/);

    if(channelID !== null) {
        // check that the channel ID hasn't been added to the URL already
        if(location.href.search('&user=') == -1) {
            // if not, add it now
            history.pushState({}, null, `${location.href}&user=${channelID[1]}`);
            window.location.reload();
        }
    }
}

// add an observer to the page that will wait for dynamic page updates in order to properly work when a video is being loaded by JS
var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        if (mutation.addedNodes !== null) {
            for (var i = 0; i < mutation.addedNodes.length; i++) {
                var elem = mutation.addedNodes[i];
                if(elem !== undefined && elem.tagName !== undefined) {
                    var elemTag = elem.tagName.toLowerCase();
                    if(elemTag == 'ytd-video-secondary-info-renderer') {
                        setChannelName(elem);
                    }
                }
            }
        }
    });
});

// add the observer to the document body
observer.observe(document.body, {childList: true, subtree: true});
	// ==UserScript==
	// @name YouTube Channel Whitelister
	// @namespace https://tekno.pw
	// @author teknogeek
	// @description Helps whitelist YouTube channels in uBlock Origin
	// @include http://.youtube.com/
	// @include https://.youtube.com/
	// @version 2.2
	// @grant none
	// @license http://creativecommons.org/licenses/by-sa/4.0/
	// ==/UserScript==


	function setChannelName(elem) {
	// use regex to get the channel name or user ID from the element data (thanks @Google for the __data__ :D)
	var channelID = elem.__data__.data.owner.videoOwnerRenderer.navigationEndpoint.browseEndpoint.canonicalBaseUrl;
	channelID = channelID.match(/\/(?:user\|channel)\/(.*)/);

	if(channelID !== null) {
	// check that the channel ID hasn't been added to the URL already
	if(location.href.search('&user=') == -1) {
	// if not, add it now
	history.pushState({}, null, `${location.href}&user=${channelID[1]}`);
	window.location.reload();
	}
	}
	}

	// add an observer to the page that will wait for dynamic page updates in order to properly work when a video is being loaded by JS
	var observer = new MutationObserver(function(mutations) {
	mutations.forEach(function(mutation) {
	if (mutation.addedNodes !== null) {
	for (var i = 0; i < mutation.addedNodes.length; i++) {
	var elem = mutation.addedNodes[i];
	if(elem !== undefined && elem.tagName !== undefined) {
	var elemTag = elem.tagName.toLowerCase();
	if(elemTag == 'ytd-video-secondary-info-renderer') {
	setChannelName(elem);
	}
	}
	}
	}
	});
	});

	// add the observer to the document body
	observer.observe(document.body, {childList: true, subtree: true});