Скачать или смотреть How to Redirect HTML to Dialer with the *123# Call Number

Learn how to effectively redirect HTML links to dial a USSD number, overcoming common issues on Android and iPhone devices.
---
This video is based on the question https://stackoverflow.com/q/67447507/ asked by the user 'mohamad mazaheri' ( https://stackoverflow.com/u/10535943/ ) and on the answer https://stackoverflow.com/a/67448611/ provided by the user 'mohamad mazaheri' ( https://stackoverflow.com/u/10535943/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: How to redirect html to dialer with call number *123#

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Redirect HTML to Dialer with the *123# Call Number

Good day, fellow developers! If you've ever tried to create a call link on your webpage for a USSD number, you might have encountered some frustrating issues. Specifically, when attempting to direct users to call a USSD number like *123# , Android and iPhone devices often behave unexpectedly. In this guide, we'll explore this common problem and provide effective solutions for successfully linking to USSD codes.

Understanding the Problem

You might have noticed that when you set up a hyperlink on your webpage to dial a USSD code, certain devices either strip out the last # character or fail to open the dialer altogether. For example, the link you create might look something like this:

[[See Video to Reveal this Text or Code Snippet]]

Common Issues

Android Devices: The last # is often stripped out, resulting in an incomplete command (e.g., it only dials *123).

iPhone Devices: The dialer may not open at all when users click the link, leading to confusion and frustration.

The Solution

After experimenting with various approaches, one effective method to ensure the USSD code works for both Android and iPhone users is to encode the # character correctly. Here’s how you can do it:

Using URL Encoding

To prevent the omission of the # , you should URL encode it. In the case of USSD codes, the # character should be replaced with %23. Therefore, you would modify your link like this:

[[See Video to Reveal this Text or Code Snippet]]

Why This Works

URL encoding translates special characters into a format that can be transmitted over the internet without alteration.

By replacing # with %23, you inform mobile operating systems to interpret it correctly as part of the command.

Implementation Example

Here’s a complete example that you can directly use on your webpage:

[[See Video to Reveal this Text or Code Snippet]]

Testing Your Link

Test on Android: Open your webpage on an Android device and click the link. Ensure that it directly takes you to the dialer with the correct USSD formatted as *123# .

Test on iPhone: Likewise, check on an iPhone to see if it redirects correctly to the dialer.

Troubleshooting

If you still encounter issues, consider:

Browser Compatibility: Ensure the browser used on the mobile device supports telephone links.

URL Patterns: Confirm you're using the correct USSD number format, as slight variations might lead to different results.

Conclusion

Creating a functional link to a USSD code requires some technical understanding, especially regarding how different mobile operating systems handle the links. By using the URL encoded format, you can resolve these issues effectively and enhance the user experience for your webpage visitors.

Happy coding, and may your links always connect successfully!