CutOffFacebook.md

Crippling Facebook

Facebook works with advertisers to target you. These instructions are one of the many ways to begin crippling that relationship. When AI targeting is crippled, your psychosecurity improves :)

1. On your desktop machine, goto https://accountscenter.facebook.com/ads/audience_based_advertising
2. Maximize the browser window
3. Press F12 and click on the Console tab
4. Select the code below, copy it, paste it upon the Console line (The area next to the > character in the Console window), and press enter:

const i18n = {
  en: {
    seeMore: 'See more',
    theyUploaded: 'They uploaded or used a list to reach you.',
    dontAllow: 'Don\'t allow',
    back: 'Back'
  },
  br: {
    seeMore: 'Ver mais',
    theyUploaded: 'O anunciante carregou',
    dontAllow: 'Não permitir',
    back: 'Voltar'
  }
  // Feel free to add more languages here!
}

const delay = () => new Promise(resolve => setTimeout(resolve, 3000))

const getElementsByAriaLabel = (label) => document.querySelectorAll(`[aria-label="${label}"]`)

const getElementsByRoleAndWidth = (role, width) => 
    Array.from(document.querySelectorAll(`[role="${role}"]`)).filter(el => el.clientWidth === width)

const getElementsByText = (text) => Array.from(document.querySelectorAll('*')).filter(el => 
    Array.from(el.childNodes).some(node => node.nodeType === Node.TEXT_NODE && node.textContent.includes(text))
)

const wait = async (watcher, timeout = 10000, interval = 100) => {
  const startTime = Date.now()

  return new Promise((resolve, reject) => {
    const checkForElement = () => {
      const elements = watcher()

      if (elements.length > 0) {
        clearInterval(intervalId)
        resolve(elements);
      } else if (Date.now() - startTime > timeout) {
        clearInterval(intervalId)
        reject(new Error(`Timeout: Elements not found`))
      }
    }

    const intervalId = setInterval(checkForElement, interval)

    checkForElement()
  })
}

async function decouple(options = {}) {
  const offset = options.offset
  const lang = options.lang || 'en'

  getElementsByText(i18n[lang].seeMore).forEach(el => el.click())
  await delay()

  const ads = getElementsByRoleAndWidth('listitem', 508).slice(offset)
  let i = 0

  for (const ad of ads) {
    console.log(i, ad.childNodes[0].textContent)
    ad.childNodes[0].click()
    await delay()

    const a = await wait(() => getElementsByText(i18n[lang].theyUploaded))
    a[0].click()
    await delay()

    const b = await wait(() => getElementsByText(i18n[lang].dontAllow))
    b[1].click()
    await delay()

    const c = await wait(() => getElementsByText(i18n[lang].dontAllow))
    c[0].click()
    await delay()

    const d = await wait(() => getElementsByAriaLabel(i18n[lang].back))
    d[2].click()
    await delay()

    const e = await wait(() => getElementsByAriaLabel(i18n[lang].back))
    e[2].click()
    await delay()

    i += 1
  }
}

decouple()

5. Watch as your slowly unsubscribe from all advertisers
6. Don't click or interact with the browser at all while this is going on. Go do laundry or something.
7. Enjoy cutting off advertisers that hate you :)
8. If you have hundreds of advertisers, this script will most likely not get all of them on the first pass. In the console are numbers next to the name of each advertiser. You can restart the process manually and specify the offset based on the last number in the console:

// If the last console output was "250 Dick's Sporting Goods", then do the following:
decouple({ offset: 250 })

9. If you want to use another language, check out the i18n object and pick your language from one of it's keys. For example, to deal with Brazilian (br), you'd use the following:

decouple({ lang: 'br' })

To do and offset in a different language, it would look ilke this:

decouple({ offset: 250, lang: 'br' })
``

I also had to make some adjustments, as it kept saying that the it couldn't click on the getElementsByAriaLabel('Back')[2].click() element.
In addition, I've changed the labels to Portuguese to fit my case.

⚠️ If your language is not English, you'll have to change the following section to get it working.
🇧🇷 For Brazilian Portuguese, use:

// language-specific configs
const seeMore = 'Ver mais'
const theyUploaded = 'O anunciante carregou'
const dontAllow = 'Não permitir'
const back = 'Voltar'

(async function() {

const wait = () => new Promise(resolve => setTimeout(resolve, 1500))
const getElementsByAriaLabel = (label) => document.querySelectorAll(`[aria-label="${label}"]`)
const getElementsByRoleAndWidth = (role, width) => 
    Array.from(document.querySelectorAll(`[role="${role}"]`)).filter(el => el.clientWidth === width)
const getElementsByText = (text) => Array.from(document.querySelectorAll('*')).filter(el => 
    Array.from(el.childNodes).some(node => node.nodeType === Node.TEXT_NODE && node.textContent?.includes(text))
)

// language-specific configs
const seeMore = 'See more'
const theyUploaded = 'They uploaded or used'
const dontAllow = 'Don\'t allow'
const back = 'Back'

getElementsByText(seeMore).forEach(el => el.click())
await wait()

const ads = getElementsByRoleAndWidth('listitem', 508)
let i = 0

for (const ad of ads) {
    console.log(`ad ${i + 1} of ${ads.length}: ` + ad.childNodes[0].textContent)
    ad.childNodes[0].click()
    await wait()

    const usedList = Array.from(document.querySelectorAll('span'))
  .find(el => el.textContent.includes(theyUploaded))
    
    if (usedList) {
        console.log('ad used list')
        usedList.click()
        await wait()
        setTimeout(() => {}, 500)

        el = getElementsByText(dontAllow)
        if (el.length > 0) el.forEach(el => el.click())
        await wait()
        setTimeout(() => {}, 500)
        
        getElementsByAriaLabel(back)[2].click()
        await wait()
        setTimeout(() => {}, 500)
    } else {
      console.log(usedList)
    }

    await wait()
    getElementsByAriaLabel(back)[2].click()
    await wait()
    i++
}

})()

Thanks! I've added naive multilingual support and an example in the instructions 👍

I'm not sure if it's intentional but there's a small error here:

const c = await wait(() => getElementsByText(i18n[lang]..dontAllow))

It has an additional dot.

I'm not sure if it's intentional but there's a small error here:

const c = await wait(() => getElementsByText(i18n[lang]..dontAllow))

It has an additional dot.

fixed!

thanks!

Does anyone have similar scripts for Google, Instagram, or Apple

Does anyone have similar scripts for Google, Instagram, or Apple

A worthy expansion! Given time and focus, I might get around to that :)

I can't open the url, it says page is not available.

I can't open the url, it says page is not available.

I think what we are seeing is that many features of Facebook are geolocked, so different regions won't have access to certain pages

If you come in through a US VPN, you might be able to see the link

Trying this today, I had to change the ads listitem width from 508 to 560, but it still only operates on one item at a time. When it goes back to the main list and tries to click the next item, the page reloads which halts the JS execution, and the console throws the following error:

The connection to wss://gateway.facebook.com/ws/realtime?x-dgw-appid={redacted}&x-dgw-app-stream-group=group1 was interrupted while the page was loading.

I'm guessing fb made some backend changes since this was introduced. Any way to circumvent this?