Overview
Trackier enables you to link our login page to your custom login page. Simply follow the steps below to create your login page and redirect the action to our login domain. After that, you can log in to Trackier with any page you want.
Why Use a Custom Login Page?
A custom login page helps you:
Maintain consistent branding and user experience
Keep users on your own domain during login
Simplify access for publishers, advertisers, or team members
Use Case
Branded Partner Portals
Agencies can provide publishers and advertisers with a fully branded login experience.
White-Label Solutions
Enterprise clients can maintain a fully white-labelled experience for partners.
STEP 1: Setting up a custom login Box.
To set up a custom login box, copy the form elements from the below box and place them on your website. Use the HTTP POST to send the login credentials to your Trackier panel.
----- |
STEP 2: Enable the Custom Login Box.
Once the above details are added to the website and integrated properly, you need to enable an option from your admin panel.
Go to Login/Postback/API setup in the Customize section of your panel.
Please note
Even if the user logs out, they will be redirected to your custom login page.
Trackier also provides you with the ability to show invalid credentials when entered by any user. You just have to use the below-mentioned process.
If the User is logged in from https://custom_domain.client.com
Then, in case of an error, we will give an error in the same URL in the error parameter.
For example,
https://custom_domain.client.com?error=Invalid+Credentials
Setting up the forget password function on the login page.
We also provide a custom forget password function that you can add to your login page.
To set it up, copy the form elements from the below box and place them on your website.
----- |
Invalid Credentials Error after setup :
Please double-check the entered credentials first. If you're still receiving an "invalid credentials" error after confirming the password is correct, it could be due to special characters in the password (such as &, $, or *). These characters may get encoded during transmission (e.g., & becomes &), causing a mismatch with the original password and resulting in a login failure.
Resolution:
Before submitting the form, Base64 encode the password to ensure special characters are preserved.
Additionally, make sure to include a hidden input field named is_pass_encoded and set its value to true.
SAMPLE CODE :
<form id="loginForm" action="https://NETWORK_DOMAIN.trackier.com/" method="post">
Email: <input name="email" type="text"/><br />
Password: <input name="password" type="password" id="password"/><br />
<input type="hidden" name="is_pass_encoded" value="true">
<input type="hidden" name="action" value="login">
<input type="submit" value="Login">
</form>
<script>
document.getElementById('loginForm').addEventListener('submit', function(event) {
const passwordInput = document.getElementById('password');
const originalPassword = passwordInput.value;
const encodedPassword = btoa(originalPassword);
passwordInput.value = encodedPassword;
});
</script>
Why Use a Custom Login Page?
A custom login page allows you to provide users with a consistent experience on your own website. Instead of moving between multiple domains, your users can access Trackier directly from a page that matches your branding. This approach keeps the login process simple and familiar while still ensuring that all actions are securely handled by the Trackier platform.
Custom login pages also give you the freedom to design the page layout and instructions in a way that best suits your audience. You may want to include supporting text, quick links, or help information so that users know exactly where to go if they face issues.
Common Issues
Issue | Possible Cause |
Invalid credentials error | Incorrect password or encoding issue |
Login not redirecting | Incorrect form action URL |
Password mismatch | Special characters not encoded |
Forgot password not working | Missing forgot-password form integration |
Best Practices for Implementation
When setting up a custom login page, a few best practices can make the process smoother:
Test the Integration – After adding the code, always test the form using multiple accounts. This ensures that the credentials are being submitted correctly and that redirection works as expected.
Keep the Page Simple – Avoid adding too many elements around the login form. A clear and focused login section helps reduce errors and confusion.
Provide Clear Error Messages – If invalid credentials are entered, the error message should be easy to understand. This helps users take the right corrective action without repeated failed attempts.
Check Mobile Compatibility – Many users access platforms through mobile devices. Verify that the login form adjusts well to different screen sizes.
Handling User Issues
If users continue to experience errors even after completing the recommended setup, carefully review the form configuration for any missing fields or encoding issues.
Pay special attention to password handling, especially when special characters are used.
Implementing Base64 encoding, as mentioned earlier, helps ensure passwords are transmitted correctly and prevents login mismatches.
Additionally, adding a simple Forgot Password option can improve the user experience and reduce support requests by allowing users to reset their credentials.
Notes
Users will be redirected to the custom login page even after logout.
Ensure the login form uses the correct Trackier domain.
Password encoding is recommended if special characters are used.
Improper form configuration may lead to invalid credential errors.
Forgot password functionality must be added separately.
Need instant resolution? We want to assure our customers that Trackier provides an in-house customer support team available for instant query resolution. You can reach out to us via email at support@trackier.com or directly engage with our in-house agents through our live chat feature.
