1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
|
#+date: <2023-01-05 Thu 00:00:00>
#+title: How to Quickly Remove All Likes on Tumblr Desktop
#+description: Instructions for executing a JavaScript script to automate the mass unlike operation for Tumblr posts without requiring additional software.
#+slug: mass-unlike-tumblr-posts
#+filetags: :tumblr:javascript:automation:
* The Dilemma
The dilemma I had was pretty simple: I wanted to unlike all the posts I
have liked on Tumblr so that I could follow a new focus on blogs and
start fresh. Otherwise, Tumblr will keep recommending content based on
your previous likes.
* The Solution
I searched the web for a while and noted that most solutions referenced
Tumblr setting and dashboard pages that no longer exist. Additionally, I
did not want to install a third party extension to do this, as some
suggested.
Luckily, I used Javascript for a while a few years ago and figured it
would be easy enough to script a solution, as long as Tumblr had a
system for the unlike buttons.
** Identifying Unlike Buttons
Tumblr's unlike buttons are structured as you can see in the following
code block. All unlike buttons have an =aria-label= with a value of
=Unlike=.
#+begin_src html
<button class="TRX6J" aria-label="Unlike">
<span class="EvhBA B1Z5w ztpfZ" tabindex="-1">
<svg
xmlns="http://www.w3.org/2000/svg"
height="21"
width="23"
role="presentation"
>
<use href="#managed-icon__like-filled"></use>
</svg>
</span>
</button>
#+end_src
** Running a Script to Unlike All Likes
To run this script, you will need to load the
[[https://www.tumblr.com/likes][Likes | Tumblr]] page while logged in to
your account.
Further, be sure to scroll down to the bottom and force Tumblr to load
more posts so that this script unlikes more posts at a time.
Once you are logged in and the page is loaded, open the Developer Tools
and be sure you're on the "Console" tab. It should look something like
this (this is in Firefox, Chromium should be similar):
#+caption: Firefox Dev !Tools
[[https:///img.cleberg.net/blog/20230105-mass-unlike-tumblr-posts/dev_console.png]]
All you need to do is paste the following snippet into the dev console.
This code will collect all unlike buttons (=elements=) and then click
each button to unlike it.
Optionally, you can comment-out the line =elements[i].click();= and
uncomment the =console.log()= lines to simply print out information
without performing any actions. This can be useful to debug issues or
confirm that the code below isn't doing anything you don't want it to.
#+begin_src javascript
const elements = document.querySelectorAll('[aria-label="Unlike"]');
// console.log(elements); // 👉 [button]
for (let i = 0; i < elements.length; i++) {
// console.log(elements[i]);
elements[i].click();
}
#+end_src
* Results
The results were quick for my situation, as it unliked ~200 posts within
2-3 seconds. I am not sure how this will perform on larger sets of likes
(or if Tumblr has a limit to unliking posts).
You can see the below screenshot showing that I pasted the snippet into
the console, pressed Enter, and then the posts are automatically
unliked.
#+caption: Script !Results
[[https:///img.cleberg.net/blog/20230105-mass-unlike-tumblr-posts/script_results.png]]
Thinking about this further, I would bet that this would be fairly
simple to package into a browser add-on so that users could install the
add-on, go to their Likes page, and click a button to run the script.
Food for thought.
|
