{"id":868,"date":"2025-02-12T13:37:57","date_gmt":"2025-02-12T13:37:57","guid":{"rendered":"https:\/\/www.erikari.it\/egl\/?p=868"},"modified":"2025-02-13T15:21:31","modified_gmt":"2025-02-13T15:21:31","slug":"how-to-get-brand-news-and-track-pages-with-pageprobe","status":"publish","type":"post","link":"http:\/\/www.erikari.it\/egl\/2025\/02\/12\/how-to-get-brand-news-and-track-pages-with-pageprobe\/","title":{"rendered":"How to get brand news and track pages with PageProbe"},"content":{"rendered":"\n<p>Being in a niche fashion, it can be tricky to be able to track everything down and know all of the new releases for the most obscure brands. Some have newsletters, some have social media accounts, but all of the Japanese websites seem to have a thing in common: a news section on their website. Wouldn&#8217;t it be cool to be able to be notified when these get updated, in a single place of your choice? This is what we&#8217;ll be attempting today with <a href=\"https:\/\/nodetics.com\/pageprobe\/\" data-type=\"link\" data-id=\"https:\/\/nodetics.com\/pageprobe\/\">PageProbe<\/a>, a browser extension that can track any page you want and notify you of changes. We will also see how to set up the notifications so they go to your discord and a telegram chat of your choice.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setting up tracking with PageProbe<\/h2>\n\n\n\n<p>After installing PageProbe in a browser of your choice between firefox, chrome, or edge, you&#8217;ll be able to find it in the extensions tab of your browser.<\/p>\n\n\n\n<p>Using it can be as simple as going to a page you wish to track, and right-click on the element that interests you, then pick &#8220;Track content&#8221; to open a PageProbe tab and define what you&#8217;d like it to do for you. For example here I went on Mary Magdalene&#8217;s page and decided to track this section of their news:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"764\" height=\"851\" src=\"https:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/track-content.png\" alt=\"\" class=\"wp-image-904\" style=\"width:580px;height:auto\" srcset=\"http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/track-content.png 764w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/track-content-269x300.png 269w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/><\/figure>\n\n\n\n<p>A yellow highlited rectangle on the page should give you a hint if you have selected the right thing. Also the contents should appear next to &#8220;Current Content&#8221;. (not sure why it&#8217;s empty in my screenshot but it did work for me.) Here you may set the name of your tracker (this will also appear at the beginning of your discord and telegram notification messages); how often it should be checked; if you want to only send a message for the first element or the whole thing, (in MM case it&#8217; the whole thing or nothing lol, but on other websites this is useful) and you probably want a message only on the condition that something has changed. Then in the last part, you can set what action PageProbe should perform once it detects a change, and as you can see, I set it as follows:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/page-probe-track-1024x527.png\" alt=\"\" class=\"wp-image-908\" srcset=\"http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/page-probe-track-1024x527.png 1024w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/page-probe-track-300x154.png 300w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/page-probe-track-768x395.png 768w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/page-probe-track-1536x790.png 1536w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/page-probe-track.png 1790w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It should be noted that PageProbe will only work while your browser is open, so you may want to set it on a computer that is constantly on for the best results. Also, it cannot post a link to the news or an image if there is any. Still, it can be great to at least know that there is an update without needing you to manually check it.<\/p>\n\n\n\n<p>Now for the last part of the set up, let&#8217;s see how to get these magical links to get updates elsewhere!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Discord updates with a webhook<\/h2>\n\n\n\n<p>To receive updates on Discord you will need to have admin privileges that allow you to create and manage webhooks. The process beyond this is ridiculously simple. Just click on the clog next to the channel where you want your updates to be posted: <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"484\" height=\"143\" src=\"https:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/channel-settings.png\" alt=\"\" class=\"wp-image-911\" style=\"width:413px;height:auto\" srcset=\"http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/channel-settings.png 484w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/channel-settings-300x89.png 300w\" sizes=\"(max-width: 484px) 100vw, 484px\" \/><\/figure>\n\n\n\n<p>Then in the settings, if you have admin privileges you should see the tab  Integrations, and Webhooks in it:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"377\" src=\"https:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/settings-1024x377.png\" alt=\"\" class=\"wp-image-912\" srcset=\"http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/settings-1024x377.png 1024w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/settings-300x110.png 300w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/settings-768x283.png 768w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/settings-1536x566.png 1536w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/settings.png 1640w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click on &#8220;New Webhook&#8221; then copy the webhook URL using the button under it. Paste that URL in Page Probe and you&#8217;re done! You can also give your webhook a cute name and avatar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"744\" src=\"https:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/webhooks-1024x744.png\" alt=\"\" class=\"wp-image-914\" srcset=\"http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/webhooks-1024x744.png 1024w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/webhooks-300x218.png 300w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/webhooks-768x558.png 768w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/webhooks.png 1494w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>As an extra touch of fanciness for your non-Japanese speaking users, you may also add a <a href=\"https:\/\/discord.com\/discovery\/applications\/815328232537718794\" data-type=\"link\" data-id=\"https:\/\/discord.com\/discovery\/applications\/815328232537718794\">Translator bot<\/a> and give it the command <code>\/channellanguage add channel:#lolita-news language:english<\/code> to have it automatically translate to English any Japanese message it detects in that channel. (replace the channel name with your own channel name). The result on discord may look like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"773\" src=\"https:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/discord-1024x773.png\" alt=\"\" class=\"wp-image-920\" srcset=\"http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/discord-1024x773.png 1024w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/discord-300x227.png 300w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/discord-768x580.png 768w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/discord.png 1381w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Telegram bot updates<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Create the bot<\/h3>\n\n\n\n<p>You can create a new bot speaking to <a href=\"https:\/\/t.me\/botfather\" data-type=\"link\" data-id=\"https:\/\/t.me\/botfather\">BotFather<\/a> on Telegram. Don&#8217;t worry, the process is super simple! choose <strong>\/newbot<\/strong> then give it a name, and a unique handle. That&#8217;s it, your bot has been created!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"762\" height=\"868\" src=\"https:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/botfather.jpg\" alt=\"\" class=\"wp-image-897\" style=\"width:454px;height:auto\" srcset=\"http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/botfather.jpg 762w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/botfather-263x300.jpg 263w\" sizes=\"(max-width: 762px) 100vw, 762px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Chat with the bot<\/h3>\n\n\n\n<p>Next, let&#8217;s add the bot to the chat where it shall provide updates. BotFather will tell you the link to start chatting with said bot, so start a new chat to get to know your bot. You may also add it to a new group if you wish to create it for more people to receive notifications at the same time. Then write a message to your bot in the chat you want it to write from.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Find the bot token<\/h3>\n\n\n\n<p>To have the bot send a message in that chat we will need two things: a Token and a Chat ID.<br>The <strong>TOKEN <\/strong>can be found in the &#8220;Your token is here&#8221; area of my screenshot above and it is the secret token that botfather has sent you in the last message under:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Use this token to access the HTTP API:<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Use the token to find the chat ID<\/h3>\n\n\n\n<p>But we also need to know the chat id otherwise the bot won&#8217;t know where to write! We can get that with this other link:<br><code>https:\/\/api.telegram.org\/bot<strong>TOKEN<\/strong>\/getUpdates<\/code><br>After replacing <strong>TOKEN <\/strong>with your secret token, <strong>paste that url into your browser<\/strong>, it should spit back some code to you in form of a Json, simply look for &#8220;chat&#8221; and the id right under it, it should have a bunch of numbers (or a &#8211; and then numbers if it&#8217;s a group chat) and that&#8217;s what you have to copy.<br><code><code>\"chat\": {<br>            <br>\"id\": <strong>HERE IS YOUR ID<\/strong><\/code><\/code><br>If you don&#8217;t see a chat field there, perhaps you forgot to send a message to your bot, so make sure to do it, then refresh.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Get the bot to say hello to you in the right chat<\/h3>\n\n\n\n<p>To have the bot send a message in that chat, all that&#8217;s needed is to click on a link structured like this:<br><code>https:\/\/api.telegram.org\/bot<strong>TOKEN<\/strong>\/sendMessage?chat_id=<strong>CHATID<\/strong>&amp;text=hello<\/code><\/p>\n\n\n\n<p>In your browser, paste this link in the address bar and replace <strong>CHATID<\/strong> as well as <strong>TOKEN<\/strong> with the two we have found earlier. Then hit enter to visit the link, which will trigger the bot to send a message. If the bot sends you a hello message in the right chat, then all is ready for the next step!<\/p>\n\n\n\n\n\n<p><\/p>\n\n\n\n\n\n<figure class=\"wp-block-image size-medium is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"171\" src=\"https:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/hello-lolita-updates-300x171.png\" alt=\"\" class=\"wp-image-894\" srcset=\"http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/hello-lolita-updates-300x171.png 300w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/hello-lolita-updates.png 317w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paste this link in PageProbe<\/h3>\n\n\n\n<p>All that&#8217;s left is to paste the link you used to send the hello inside the PageProbe tracker, in  the Action section, choose &#8220;Send Telegram Message via Bot&#8221; then paste the link without the hello part, so it&#8217;s formatted like this:<br><code>https:\/\/api.telegram.org\/bot<strong>TOKEN<\/strong>\/sendMessage?chat_id=<strong>CHATID<\/strong><\/code><\/p>\n\n\n\n<p>Remember to replace the Token with your secret token and keep the bot in front, and the chat ID with the one you got earlier. And done!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/telegram-bot-working-702x1024.png\" alt=\"\" class=\"wp-image-926\" style=\"width:507px;height:auto\" srcset=\"http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/telegram-bot-working-702x1024.png 702w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/telegram-bot-working-206x300.png 206w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/telegram-bot-working-768x1121.png 768w, http:\/\/www.erikari.it\/egl\/wp-content\/uploads\/2025\/02\/telegram-bot-working.png 891w\" sizes=\"(max-width: 702px) 100vw, 702px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">List of websites to track<\/h2>\n\n\n\n<p>Since this process can take a bit of time, I have set a list of the most common lolita websites you may want to track, which you can <a href=\"http:\/\/www.erikari.it\/egl\/files\/pageprobe-egl.json\" data-type=\"link\" data-id=\"www.erikari.it\/egl\/files\/pageprobe-egl.json\">download here<\/a> (right click and save as). Please use Find and replace in a text editor to replace the XXXXX with your Discord webhook and YYYYY with your Telegram bot link before importing them. <\/p>\n\n\n\n<p>To import this json go on the PageProbe extension tab, click on the clog, then on the blue &#8220;Import Data&#8221; button and select this file after you ave modified it. Feel free to adjust it and suggest changes or additions!<\/p>\n\n\n\n<p>I hope you&#8217;ll enjoy this and find plenty of things to track \ud83d\ude00 I would love to receive creative suggestions. Personally, I also use it to track when new train rides get updated on the very elusive Italian website for historical trains we have here. But it can also be used on Mercari to check for price updates, on any page to see when a product is back to available, etc. and in the actions you can set it to check super frequently and have a tab open for you the minute it does change giving a rapid advantage in getting tickets for example. Have fun! <\/p>\n\n\n\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Being in a niche fashion, it can be tricky to be able to track everything down and know all of the new releases for the most obscure brands. Some have&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"_links":{"self":[{"href":"http:\/\/www.erikari.it\/egl\/wp-json\/wp\/v2\/posts\/868"}],"collection":[{"href":"http:\/\/www.erikari.it\/egl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.erikari.it\/egl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.erikari.it\/egl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.erikari.it\/egl\/wp-json\/wp\/v2\/comments?post=868"}],"version-history":[{"count":44,"href":"http:\/\/www.erikari.it\/egl\/wp-json\/wp\/v2\/posts\/868\/revisions"}],"predecessor-version":[{"id":944,"href":"http:\/\/www.erikari.it\/egl\/wp-json\/wp\/v2\/posts\/868\/revisions\/944"}],"wp:attachment":[{"href":"http:\/\/www.erikari.it\/egl\/wp-json\/wp\/v2\/media?parent=868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.erikari.it\/egl\/wp-json\/wp\/v2\/categories?post=868"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.erikari.it\/egl\/wp-json\/wp\/v2\/tags?post=868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}