Managing Mobile Views: Deployment
With Mobify, your mobile view can become a fully integrated part of your web presence. There are several optional steps to deployment, finalized with designating m.yoursite.com as the Custom Domain name.
How will my users find the mobile view?
- By default, a subdomain like m123.mobify.me gets assigned to every mobile view
- It's possible to assign your own name like mycoolsite.mobify.me instead
- In order to automatically direct mobile users to this mobile view, we provide a JavaScript snippet for your source site
- Ideally, a DNS record for m.yoursite.com is set up to point at the mobile view in order to completely preserve your brand
Walkthrough
-
Subdomain Start with selecting a custom subdomain name like yoursite.mobify.me. You can immediately advertise this out to your users as the link to the "Mobile View" of your site.
-
JavaScript Redirect Mobify provides a JavaScript redirect snippet that can be used to direct mobile users from your desktop page to your mobile view. Every time this JavaScript runs, a request is made to Mobify's database of 4000+ devices to check whether the visitor is mobile.
Using Drupal, WordPress, ExpressionEngine? We strongly recommend using one of our CMS plug-ins for redirection, as they are faster and work for devices with no JavaScript support. Download Mobify CMS plug-ins
Place the JavaScript at the top of any HTML page you would like
to redirect to your mobile view. Put it just after the
<head> tag. For example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- BEGIN MOBIFY JAVASCRIPT -->
<script type="text/javascript" src="http://m.example.com/mobify/redirect.js"></script>
<script type="text/javascript">try{_mobify("http://m.example.com/");} catch(err) {};</script>
<!-- END MOBIFY JAVASCRIPT -->
...
The JavaScript snippet is unique for every mobified site. Using this approach is proven to increase mobile traffic up to ten times.
3.Custom Domain. The final step in deploying a mobile view is assigning a custom domain name like m.site.com. This is a major SEO & branding boost, that also makes it easier for the audience to discover your mobile presence. Enter the custom domain here and proceed to setting up the DNS record with your registrar - read our DNS CNAME Guide here