Subject: Redirection based on user agent

Customer inquire: I want to redirect visitor with specific user agent (e.g., MSIE 8.0) to a different page. It seems this is not possible with Cloudflare Page Rules. Is there any other way to achieve that using Cloudflare?

Hello,

Thank you for reaching out to Cloudflare support.

I understand that you want to redirect visitors with a specific user agent (such as MSIE 8.0) to a different page. While this is not directly possible with Cloudflare Page Rules, you can achieve this by using Cloudflare Workers.

Cloudflare Workers allow you to run JavaScript on the edge and inspect request headers, making it possible to perform actions such as redirection based on the user agent. Here’s how you can set this up:

Step-by-Step Guide to Redirect Based on User Agent Using Cloudflare Workers

1. Create a Cloudflare Worker
• Log in to your Cloudflare account.
• Navigate to the "Workers" section.
• Create a new Worker.
2. Write the Worker Script
• Use the following script to check the user agent and perform the redirection:

addEventListener('fetch', event => {
    event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
    const userAgent = request.headers.get('User-Agent') || ''
    if (userAgent.includes('MSIE 8.0')) {
        return Response.redirect('https://example.com/ie8', 302)
    }
    return fetch(request)
}
            

• This script checks if the User-Agent header contains MSIE 8.0 and redirects to https://example.com/ie8 if it matches.
3. Deploy the Worker
• Save and deploy the script through the Cloudflare dashboard.
4. Assign the Worker to a Route
• In the "Workers" section, under "Worker Routes," add a route (e.g., example.com/*).
• Select the Worker you created and assign it to the route.

Example Breakdown

• Event Listener: Sets up an event listener for fetch events (HTTP requests).
• User-Agent Check: Retrieves and checks the User-Agent header.
• Redirection: Redirects the request if the User-Agent matches.
• Forward Request: Forwards the request to the origin if the User-Agent does not match.

By following these steps, you can effectively redirect users based on their user agent using Cloudflare Workers. If you have any further questions or need assistance with this process, please don't hesitate to contact us.

Best regards,
Saber Moahmed
Cloudflare Support Team