๐ Blog Setup Log: Integrating Naver Search Advisor & Adding a ‘Barking Dog’ Mascot
Today, I’m documenting how I strengthened my blog’s technical foundation and added an interactive element to improve the user experience (UX).
I tackled essential SEO settings for search traffic and coded a special feature to bring a little fun to the site. Here’s a recap of my work, from tweaking Cloudways server settings to leveraging JavaScript APIs.
1. Verifying Ownership with Naver Search Advisor (A Cloudways Issue)
To capture traffic from Korea, not just Google, I registered my site with Naver Search Advisor. However, my hosting provider, Cloudways, doesn’t offer a web-based file manager by default for security, which created a small hurdle when I tried to upload the HTML verification file.
- Problem: Needed to upload Naver’s HTML verification file to the server’s root directory (
public_html). - Solution: Used SFTP (FileZilla) or temporarily installed the WP File Manager plugin.
- Result: Ownership was verified instantly after the upload! (For security, I deleted the plugin right after using it.)
2. Optimizing Permalinks for SEO
I changed the URL structure so search engine bots can understand a post’s content from the URL alone.
- โ Before:
dailypickstoday.com/?p=123(Generic post ID) - โ
After:
dailypickstoday.com/%category%/%postname%/(Category/Post Name)
This setup makes it much easier for Google to understand the site’s structure. Since the blog is new, I didn’t need to worry about setting up redirects for old posts.
3. Today’s Highlight: Building an ‘Intelligent Golden Retriever’ ๐ถ
To make the blog feel less static, I added a cute Golden Retriever agent to the bottom-right corner. It’s not just a static image; I used JavaScript and the WordPress REST API to make it react intelligently to different situations.
๐ ๏ธ Key Features Implemented
- Context-Aware Greetings: It says things like “Good morning!” or “I see you’re on mobile!” based on the time and device.
- Real-Time Post Recommendations: Using the API, the dog fetches the title of the latest post and personally recommends it.
- Click-Spam Easter Egg: If you click the dog more than five times quickly, its face turns red and it growls in annoyance (just for fun).
[A snippet of the code logic]
// 1. Preload latest posts using WP REST API
fetch('/wp-json/wp/v2/posts?per_page=10').then(...)
// 2. Detect click-spam and trigger Rage Mode
if (clickCount >= 5) {
playSound(growlAudio); // Play growl sound
msg.innerText = "Stop poking me! ๐ข"; // Angry message
bubble.style.border = "3px solid red"; // Red warning border
}
๐ก Today’s Insight
A monetized blog doesn’t have to be all business. Adding an interactive element like this really brings the site to life. I hope visitors will have fun with the dog and maybe stick around to read one more post.
#WordPress #Cloudways #NaverSearchAdvisor #SEO #JavaScript #BlogCustomization #GoldenRetriever
