It is quite useful to detect visitors from a mobile device because that allows you to redirect them to a modified website suited for smaller screens.

It actually isn’t very hard – here’s how:

All you have to do is add a small snippet of code to all of your pages. Done! You can add this piece of HTML code manually (as the AllAboutiWeb tutorial does it) or using a tool like iTweak.

We will show you how to add this code using iTweak. If you wish to add it manually, we suggest following the excellent tutorial by AllAboutiWeb.

1. Start by downloading iTweak.
2. The following script handles everything from detecting your visitors and redirecting them to your modified website. There is only one piece in the puzzle that you have to change. The script needs to know, to where it should redirect visitors from mobile devices.
   So in the script below, replace the sampleaddress.com/MobileSite with the address you want your mobile visitors to be directed to.

   <script type="text/javascript">
if((navigator.userAgent.match(/iPhone/i)) ||(navigator.userAgent.match(/iPod/i))) {
if (document.cookie.indexOf("iphone_redirect=false") == -1)
window.location = http://sampleaddress.com/MobileSite;}
}
</script></head>

3. Now open up iTweak and navigate to the Search & Replace tab. Select the checkmark. Then choose your published site. If you publish to MobileMe or .Mac you will find your site on the iDisk (located at iDisk/Web/Sites/)
   If you publish to a folder, you will hopefully know where your site is.
   If you publish to your FTP server directly from iWeb, you will have to download your site from the server first. iTweak can only edit your site if they are on your hard-drive or on the iDisk.
4. Once your site is chosen, click the + button and paste the following code into the search box:

   </head>
   
   In the replace box, you paste the edited code from step two. Do make sure you paste all of the code into the box.

   In the end it should look similar to this:

   

5. You can now optionally Save the Search & Replace table so that you don’t have to re-edit and type the code you want to run iWeb.
6. Now click the Process Site button and let iTweak add the code to your site. If you now view you site from an iPhone or iPod touch, you should automatically be redirected to your mobile site.

Do you want to create sitemaps for your iWeb site? Add some Meta-Tags? Check out iMap.

• Most comments are spam. Although I have Akismet installed, quite a lot of spam comes through. I am, quite frankly, tired of sorting through the spam.
• Most comments are questions regarding the respective tutorial. I try to reply to most of the comments, but by adding more and more comments, everything becomes a huge mess. The number of comments shown on the page is beyond an amount someone can coordinate through.

It hurts to loose the interactivity between me and the viewers, but it is such a relief to no longer have to fight the spam.

Questions regarding tutorials can be posted in the Apple Discussion forums. See you there!

Major changes to iMap 2.7 include:

• iMap is project-based. You can now create a project for each site you have in iWeb.
• You can now verify either by uploading the HTML file or adding a meta-tag.
• Meta-Tags are being added 2x as fast with less errors.
• iMap has been localized into German. Anyone interested in localizing iMap then please contact us at the above email address.

We are expecting to push this update out to everyone by October 19th.

• “Create” button now works by hitting “Enter.”
• Addition of meta-tags occasionally failed with Google Verification files. This has now been fixed..
• Corrected “Help” menu items to include new video tutorials.
• Enhanced speed connections with MobileMe/.Mac.

If you have problems updating, let me know. Keep in mind it’s always best to run the latest version of iMap.

With the help of JS-Kit and iTweak this is all possible.

If you want to see how the outcome looks, then head over to the demo.

1. Download iTweak. Make sure you are running the latest version of iTweak. You can check for the latest version of iTweak by clicking the “iTweak” menu item in iTweak and then selecting “Check for Updates.”
2. Now open iWeb and create a text-box at the position where you would like the comments and the entry-fields to appear. Choose an appropriate width and height.
3. In the text-box, type the following keyword (do not copy-and-paste it from here):

   %%JSKIT_COMMENTS%%

   See this screenshot:

   

4. Now publish your site either to MobileMe or to a folder. Once completed, open iTweak and navigate to the “Search & Replace” tab on the very right.
5. Tick the checkmark-option to “Search & Replace.” In the table, click the “+” button and so add a new row. In the left column, enter the following:

   %%JSKIT_COMMENTS%%

   In the right column copy and paste this:

   <div class="js-kit-comments" permalink=""></div><script src="http://js-kit.com/comments.js"></script>

   See this screenshot:

   

   You can use the saving mechanism to save the contents of the search and replace table. In that way you do not have to re-enter this code each time you open iTweak. You can then just open the previously saved table.

6. Choose your published site by hitting the “Choose published Site.” If you publish your site to a folder, you should know where you can find it. If you publish to MobileMe, you find your site on the iDisk.
   MobileMe iWeb ‘08 users use this path:

   iDisk/Web/Sites/SITENAME

   iWeb ‘06 users follow this path:

   iDisk/Web/Sites/iWeb/SITENAME

   Replace the keyword “SITENAME” with your actual sitename.

7. Now just hit the “Process Site” button. If you publish to a folder, you must now upload the site to your server so that the comments appear. If you view at them on your Mac, the comments will not be visible.

   Everyone: Keep in mind that the next time you publish from iWeb, iWeb will overwrite these changes. Hence, you will have to run iTweak each time you publish from iWeb to ensure that the comments will show up.

Looking for iWeb Templates? Check out my huge collection right here.

If you have enjoyed this article and you wish to make a small donation, then feel free to do so by clicking here.

Until now, iWeb had two publishing options: MobileMe or a folder. These two options remain. Apple however added a third option: publishing via FTP to your server. Houston we have a problem! All those who used to just publish to a folder and then upload to a server, will now upload directly using FTP. That is good for the iWeb-user, bad for iTweak/iMap user.

When the files go directly to the FTP server, without being published to a folder, iTweak/iMap can not edit the files and so fail to be functional. Neither iMap nor iTweak support the editing of files via FTP. Therefore, if you wish to use iMap/iTweak, then you must publish to a folder and continue to upload via an external client.

Of course, it does quite suck if you have to still publish to a folder even though iWeb now supports direct “FTPing.” We are already working on a way for iMap and iTweak to edit the files via FTP. We however have no plan when the updates for this will arrive. Stay put; subscribe to the blog for updates.

If you have been using MobileMe all along, you shouldn’t be running into any problems at all.

This is the second part to the tutorial. It explains how to use iMap in conjunction with the Google Webmaster Tools: how to get a Google Webmaster Tools project, how to verify your site and add a sitemap. All this will ultimately help you to show up on Google.

If you haven’t watched the first tutorial just yet, then go ahead and do that first.

So, if you want to see how you can efficiently use iMap with the Google Webmaster Tools, then go ahead and launch the video tutorial:

Launch Tutorial

Get to the Google Webmaster Tools!

If you run into any problems, then do not hesitate to contact me. You can find a contact form on the contact page.

Looking for cool iWeb Templates? Go here.

If you want to learn how to create a verification file for the Google Webmaster Tools and use the Tools, then take a look at the second part of this tutorial.

So, if you want to see how iMap functions and how easy it actually is to use it, go ahead and launch the video tutorial:

Launch Tutorial

If you run into any problems, then do not hesitate to contact me. You can find a contact form on the contact page.

I hope this tutorial is much clearer and just gets across how to efficiently use iMap.

If you want to continue right to the second part of this tutorial, here you go.

Looking for cool iWeb Templates? Go here.