systemBash » Webdesign

Using Google Analytics Or Other Javascript With Smarty Template Engine

Dave — Tue, 19 Oct 2010 20:45:53 +0000

On a website I was working on recently I added the Google Analytics tracking code to the footer of a Smarty template, like this:

footer.tpl:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

However, since the javascript used by Google Analytics includes { and } tags, also used by the Smarty template engine, it tries to interpret this code and depending on your settings will either fail silently or or with an error such as this:

Smarty error: [in footer.tpl line 148]: syntax error: unrecognized tag 'var'

The fix is simple. Enclose your Google Analytics code, or other javascript code, with {literal} and {/literal}. The literal tag allows you to place code to be displayed, well, literally.

The final code will look something like this:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

{literal}

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-XX']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

{/literal}

</body>
</html>

Your website should now run properly with the Google Analytics code in place.

Installatron WordPress Upgrade Disables Plugins

Dave — Wed, 25 Mar 2009 20:15:57 +0000

I just found a quick tip on the Installatron forums.

By default Installatron disables all WordPress plugins when doing an upgrade. This is due to the WordPress best practices for upgrading the version of their system. When you have a lot of WordPress installs to go through this is a big pain because it usually breaks the site.

According to this post, you disable the disabling of the plugins by creating a file named .dont_disable_plugins in the directory that wordpress is installed to.

Via command line it is as simple as this:

1	touch /path/to/wordpress/.dont_disable_plugins

Execute that command on the command line (or upload an empty file via FTP/SCP) and the plugins will remain enabled. There is also an option in the installatron settings to enable this file creation upon install.

Note that if you have a plugin that is not compatible with a new version of WordPress, it may break your install!

.htaccess stupid tips and tricks

Dave — Wed, 12 Sep 2007 02:53:03 +0000

Found an encyclopedic list of “stupid” .htaccess tricks. Includes many useful ones such as being able to stop hotlinking of images and replacing with your own, increasing speed and security and general good-to-know htaccess information.

Stupid htaccess tricks

Meebo loves iPhone – what about Windows Mobile?

Dave — Fri, 17 Aug 2007 16:05:28 +0000

Meebo, which I have recently been turned on to, yesterday released an iPhone client which is basically a web interface to their chat website (which integrates AIM, Yahoo!, MSN, gtalk, and more). It looks great, take a peek:

That is great that they are developing this and I applaud them for their efforts of releasing updates on mobile devices.

Now, maybe I have iPhone envy, but wouldn’t it make sense to release this for Windows Mobile since the market share that Windows Mobile has is MUCH greater than iPhone? According to Gartner, Windows Mobile shipped a little over 3 million devices in the 1st quarter of 2007 alone (and that number does not even include “Smartphone” devices). iPhone, according to their own estimates [MacNewsWorld], will sell a million units by Sept 30th.

I asked Meebo about their plans for Windows Mobile. Here is the response I received from Sue:

As far as a Windows Mobile version of meebo, it’s
something that we’ve thought about and are interested in, but at the
moment we don’t have development time and resources to add support for
every device we’d like to.

Here is where it gets tricky. There may be a great market penetration for Windows Mobile – but it is not easy to develop a web app for it because there is no standardized browser platform. Sure, you have Internet Explorer Mobile, but let’s face it – IEM is program is not very good at rendering web pages and would be a nightmare to develop for. Each version of Windows Mobile has differences in IEM that designers would have to be conscious of. The other browsers that Windows Mobile users have the option of using: Opera Mobile, Netfront, Minimo – do not have enough market penetration to make it development worthwhile. [on a sidenote, Opera Mobile is the best browser for Windows Mobile, give it a try if you haven't already.]

Hence, we have the major difference between Windows Mobile and iPhone OS. Windows Mobile, although an “open” system that allows developers to create their own programs, has the problem of having a high cost to develop because you need to have Windows Mobile programming experience.

On the other hand, the iPhone, with it’s “Closed” OS, has a standardized browser that works well and is easy to write web code for. Web publishers around the world are free to write code for it in their native programming languages because the browser is the component that renders the graphics and takes care of the network.

So how is this problem resolved? Nintendo seems to have fixed this very same issue by offering Opera for Wii via the Wii Shop channel. Wii users who install this browser have many options available out there for web interfaces that are designed specifically for the Opera browser on Wii – most notable of these is Orb, which has a beautiful interface for the Wii. Microsoft, ever the profitable company it is, wants users to use IE on Windows Mobile and therefore bundles IEM.

Microsoft needs to get with the program and make their browser easier to write for and more standards compliant. If that doesn’t happen, then we are definitely looking at an iPhone future for mobile devices.

If you use Windows Mobile, please contact Meebo and let them know that you’d like to see a Windows Mobile version of Meebo!

Twitter mini small icon 16 x 16

Dave — Sun, 29 Jul 2007 00:09:51 +0000

I’ve joined the Twitter world. My Twitter Profile.

I’ve created a small 16 x 16 mini Twitter icon. Feel free to steal it! I resized the icon from deanjrobinson.

Let me know if anyone knows of a Windows Mobile application for Twitter that includes a today screen plugin, that makes it easy to post to twitter.

Joomla! 1.0.12 Double Pathway Bug

Dave — Wed, 27 Jun 2007 12:57:41 +0000

Joomla! 1.0.12 appears to have a pathway bug. If you use a component other than com_frontpage for the “Home page” of Joomla – meaning the first link in mainmenu and the page that appears when you load the root of the Joomla! site – then when you click on an article you get a “Double pathway”, for example the pathway will state “Home > Home > Title of article”. The Home, or whatever you named this link, part will be duplicated. It isn’t a big problem but it does look unprofessional on your site!

I looked for ages for a fix to this problem, and eventually found it but the site I can not find the site I originally downloaded this fix from. It is courtesy of Reinhard Hiebl – www.hieblmedia.de (whos site is in German, one reason why I’m saving it here). I thought I would throw it online here for your download. The fix is in two parts of code in /includes/pathway.php.

At line 54 in includes/pathway.php:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

// Fix for dublicate home if home have childs //
// by Reinhard Hiebl -- www.hieblmedia.de //////
// get first published item
$query = "SELECT id"
. "\n FROM #__menu"
. "\n WHERE published = 1"
. "\n AND parent = 0"
. "\n AND menutype = 'mainmenu'"
. "\n AND access <= " . (int) $my->gid
. "\n ORDER BY ordering"
. "\n LIMIT 1"
;
$database->setQuery( $query );
$first_mitem = $database->loadResult( 'id' );
////////////////////////////////////////////////

And at line 284 in includes/pathway.php immediately after “$item =& $mitems[$mid];”:

1
2
3
4
5
6

// Fix for dublicate home if home have childs //
// by Reinhard Hiebl -- www.hieblmedia.de //////
if ( $item->id == $first_mitem && !$item->parent ) {
break;
}
////////////////////////////////////////////////

I also have the file zipped up so you can just replace includes/pathway.php with this file. Note that this is for version 1.0.12 only, so it might not work with previous or newer versions.

pathway.zip

Comprehensive List of Names by Theme

Dave — Wed, 16 May 2007 18:25:28 +0000

I happened upon a great site for a list of names. The list is meant to be used to get pet names, however I happened across this when I was looking for a list of themed names for servers. It includes both self-hosted pages and also links to other lists of names.

List of names by theme.

Even if you aren’t looking for a name, this site still includes interested lists to look through, if you are a geek like me :)

Awesome Java based IRC Client

Dave — Fri, 16 Feb 2007 05:54:32 +0000

If you are looking for a great Java based IRC client, I would suggest PJIRC. It is really easy to integrate into your web pages; and includes the html code that you need to embed it onto a page. It is very flexible, for example you can tell it to automatically join a server that you specify, and have it automatically execute a command, such as joining a channel.

It’s a small download, and runs really quickly, which was always a downside of the other IRC Java applets I’ve tried. The GUI really isn’t too bad. It has tabs for different channels, a full scroll window, right click ability for whois, op, de-op, and more.

Download PJIRC

Small 16×16 icons for websites

Dave — Wed, 31 Jan 2007 06:37:35 +0000

Looking for some small 16 by 16 icons for your website or other application? So was I. Here is what I’ve found:

bulletmadness – large general use list, some brand specific
urlgreyhot – (cool star trek reference) – a few mini and brand specific
famfamfam – the motherload of small icons
sweetie – pretty large icon set
favicon.fr – its in french but easy enough to understand, and lots of icons here.
paul armstrong designs – gallery2 icon set

Here is my contribution, a MySpace icon.