How to add title and favicon in meteor 1.3 (iron router)

Question

How to add title and favicon in meteor 1.3, using iron router and blaze ?

Take a look on [iron-router-title](https://github.com/VeliovGroup/Meteor-iron-router-title) lib. This lib will let you set title per-router and reactively update it. For favicon use tag inside `` — dr.dimitru, Oct 06 '16 at 09:05

score 3 · Answer 1 · edited May 23 '17 at 11:59

In js you can set the page title anytime with:

document.title = "Foo";

This is much more flexible than including a static title in the <head> section as you generally want the title to change on a route-by-route basis.

In i-r you can do this in an onAfterAction hook ex:

onAfterAction() {
  document.title = 'mySiteName:' + Router.current().route.getName();
}

The icon can also be set dynamically, see this question

score 1 · Answer 2 · answered Oct 05 '16 at 20:40

In the default layout template of iron router add the following lines in the starting of the html file.

<head> <link rel='icon' sizes="16x16 32x32" href='/favicon.ico' > </head>

Save the /favicon.ico in public directory in the meteor root app. Don't forget the / in /favicon.ico

score 1 · Answer 3 · answered Oct 06 '16 at 10:47

For favicon, add the following code in your main.html page in the head tag

<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />

For title per page, you can add in each html template the following code

{{documentTitle 'Document Title'}}

And add the following code in a js file

//global template helper

Template.registerHelper('documentTitle', function(title){
    document.title = title;
});

score 0 · Answer 4 · answered Oct 05 '16 at 12:33

0

You can use head tag inside the client/main.html file.

This will allow you to add title and favicon icon.

<head>
  <meta charset="utf-8" />
  <title>MY Title</title>
  <link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
</head>

answered Oct 05 '16 at 12:33

Pankaj Jatav

4 Answers4