FAQs   our online clinic, ask a question 

Images need be optimised for the web to avoid large files being uploaded so pages can be displayed easily. This is how ETINU handles images:

1. log in as Administrator and go to Administration > Documents > Add document and upload the image—ETINU automatically creates a small thumbnail, normal and large image all optimised for the web, for example:
   Thumbnail image: http://www.etinu.com/etinu/pictures/small/003321.jpg
   Normal sized image: http://www.etinu.com/etinu/pictures/normal/003321.jpg
   Large image: http://www.etinu.com/etinu/pictures/large/003321.jpg
2. now the image is stored in the site's private Documents store), the page will refresh and display all the documents/images
3. right-click on the file name of the image you have just added and a mini-menu will appear, select 'Copy Link' to add the web address of the image you want to use to your machine's clipboard
4. go to the page you wish to add the image and select the Edit HTML option in the generic menu and place the cursor where you want the image to appear
5. the link that is in the clipboard is of the format: https://etinu.etinu.net/etinu/pictures/large/00nnnn.jpg but you will need to change this format:

   <img src=“/etinu/pictures/normal/00nnnn.jpg” alt=“label-of-image”>

6. select Submit in the text box and Update on the generic page to make the changes live.

The ETINU system uses Google Analytics to collect data from each web 'property' to create reports that provide insights into each organisation about how users are coming to their web site and what they are doing. Owners view the reports under their own account set up when their site started using ETINU.

On July 1, 2023, those properties using Universal Analytics will no longer process data and Google Analytics 4 (GA4) will take over. However, to start using GA4, a new property needs to be added in Google Analytics, a new tracking code generated and added onto each page of the site. Following these instructions to Add a Google Analytics 4 (GA4) property (to a site that already has Analytics) will help you set up a GA4 property alongside your existing Universal Analytics property and provide you with the tracking code you need to add to your ETINU web site.

Within ETINU, it is simple to add the new GA4 tracking code by logging in as Administrator. When you login, the Settings (or if it an older ETINU site, Parameters) page is displayed. Go to the Google Analytics Code option and add the code and select Update, as seen in screenshot. No need to replace the old tracking code that's there. It can be removed after 1 July 2023. The system will ensure all pages contains the new tracking code so reports can be generated under the new property.

Although the Universal Analytics reports will be available for a period of time after July 1, 2023, it will not be analysing any data after that date.

To ensure all ETINU sites are using GA4, we have been contacting each of our clients to help them understand the process and, if we have access to their Analytics, creating the new GA4 property, getting the tracking code and adding the code to their site.

Here's a small change you can make to your logo, that's normally at the top of every page.

As an administrator, go to Administration > Settings and in the page displayed, place the cursor on the text box against Custom Script and type:

cueEffects();

And select the Update button.

Now refresh the page and you will see your logo fade in/zoom in on the page. A subtle difference that can make an impact.

Did you know, within Google Analytics, there are four types of goals that can set that help you monitor how visitors are viewing your web site with even more detail than the default Google Analytics reports generate?

Those reports are under Conversions—no reports exist unless a goal is set.

You can set up a goal to see:

• if visitors reach a Destination—it tracks when a visitor arrives on a specific page, for example, a thank you page after a contact form has been submitted or a booking/order confirmation page;
• Duration—this tracks how long visitors stay on your web site before leaving, so it's good for tracking user engagement;
• Pages/Visit—this tracks the number of pages each visitor views before leaving, so it's good for measuring site engagement, as well as highlighting those sections that may need improving; and
• Events—these track interactions that aren't normally recorded by Google Analytics, for example, clicks on outbound links, time spent watching a video or how many times a document has been downloaded*.

Knowing how your site is performing, and how visitors behave once they arrive, is a great way to tell how your business is doing online. If you'd like to discuss further, please do not hesitate to contact us.

* If the publications section type is used to upload and display documents, the way ETINU is designed, it enables Google Analytics to record downloads automatically. The metrics associated with these downloads can be found in the Google Analytics report under Behavior -> All Pages.

To get the same effect of snowflakes falling like our web site, just go to Administration -> Settings and under Custom script, add:

snow("white", 10);

If your site has a white background, use:

snow("border", 10);

and select Update. Border will enable each snowflake to be seen against the white background.

The number 10 is the number of snowflakes displayed at any one time. Change it to another number if you want to increase/decrease the volume of the snowflakes.

Select any page and the snow effect will be activated. Enjoy!

All you need to do to make a new member of staff an super-administrator (or administrator) is:

• first, make sure you, as super-administrator has logged out of your web site, then
• select the register link (normally displayed above the navigation menu) or type into the address bar:

  http://<www.your-web-site.com>/cgi-bin/login?register=1

• a form is displayed that allows you to add their name and email address (phone number can be added, if desired)
• once the form is submitted, you, as super administrator, will receive an email with a link to approve the registration (and make that member a administrator or super-administrator)
• log in as super administrator and select the link in the email and the approval form is displayed—once approved, the new member of staff receives the access details to log in to the web site

Super administrators can have complete control over a site's content, styles and user management.

Listed below are the functions that Administrators aren't able to do. They can't:

• control the content of the Banner of all pages (the top of the page, normally above the navigation menu) and Footer of all pages (the bottom of the page)—these can be found by selecting Administration > Settings
• add new sections and subsections by selecting Administration > Sections—administrators can only edit or delete them
• upload and use a new stylesheet to change the appearance of the web site—this can be found by selecting Administration > Styles
• view and edit the password of other administrators or super-administrators (only can for registered users)—list of users are available by selecting Administration > Users
• delete another administrator or super-administrators from the list of users available by selecting Administration > Users but can remove registered users.

If you are adding an outbound link in a blog post that you are directing your visitors to, it's worth adding a target to the anchor tag link so people don't leave your site prematurely.

This will open that link in another tab, so when they close that your site will still be displayed.

The text target="_blank" is added in the anchor tag, as in:

a href="the-outbound-link" target="_blank"

If you are using a generic section type, you can access the HTML to add this in the Edit HTML icon in the editor window.

If you've any problems, just email us—we're here to help.

This follows on from the post What to do if you’ve content for your web site in Word. Sometimes you may want to add text into your site from another web page, but again that web site's styles can override your own site's styles.

Here's a plugin that you can install to ensure you paste only plain text into a generic editor window or news item:

• For Google Chrome, Copy as plain text: https://chrome.google.com/webstore/detail/copy-as-plain-text-amazin/mkkcgjeddgdnikkeoinjgbocghokolck

To give you some background... on any web site, there's content that is made up of such page elements as images, headings, paragraphs. In any ETINU web site, there are styles associated with each page element to tell the browser how each page element should be displayed. All the styles for each of the page elements are defined in a stylesheet so styles are separate from content.

With the content and styles being separate, it means that changing a site's design is easy because all that's required is to change the styles in the site's stylesheet.

We appreciate there may be times that you want to override the styles in the site's stylesheet.

Here's a number of ways:

1. Formatting options

   If the content is using the generic section type, an administrator can override the stylesheet by using formatting menu bar (similar in how you would in a word processing package). There are also Font size and Font family menus that you can select from to change the size of selected text and change the selected text to be a different font [see 1—Formatting options screenshot]

2. Make adjustments in the code

   An administrator can override the stylesheet by adding some styles to a page element by using the Edit HTML [see 2—Edit HTML icon screenshot] in the editor window of any generic section type [3—Adding styles to the img tag screenshot], for example:

   • for an image, you can specify a border around it or a specific width (note: be mindful this width should reduce gracefully for smaller screens, so better to add it as a percentage)
   • adding a style to a heading (h1, h2, h3...) to make the text larger or a different colour
   • make the text in a paragraph larger or in italics

3. Adding your own stylesheet

   

   If you are experienced in CSS (cascading stylesheets), there is a facility within ETINU to download the site's own stylesheet, change it and upload it again [see 4—Uploading a new stylesheet screenshot]. Note: it is recommended that you save it under a different name so you can revert back to the old stylesheet at any time. How to use this CSS feature within ETINU is available in Instructions under Style.

Option 1 and 2 are not recommended because this leads to inconsistencies within the web site. Visitors get used to a certain layout or style and when a page is completely different from the rest of the site, it can look out of place. Also when the site is redesigned, those styles that you've added take precedence over the site's stylesheet so that content may look out of sync with the newly designed web site.

Of course, you can always contact us to discuss your requirements.

Remember... instead of going through your mailbox for the registration requests to find the links to approve or reject (if bad email addresses have been provided) each user, go to the Administration section to find all the pending registration requests:

Users  >  Registrations

• use the pencil (edit) icon against each user to view their details and Approve (or reject them)
• if any have requested registration twice, delete the duplicate by using red cross (delete icon).

It's a simple process:

• when a user logs into your web site, they can select the my details link that's normally on the top right of the main navigation bar—this will display their account details in a simple form
• the My web site password field will have the password hidden—change it to something more memorable and then select Update

They will need to log out and login again with the new password for it to take effect.

ETINU, by default, allows Google Analytics to record these downloads. When you login to your Google Analytics account, you can see their traffic recorded in the Behaviour menu.

Steps to take (see screenshot^[1])

1. change the dates so that they are set from when the document was first published (in this case in June 2016)
2. go to Behaviour menu -> Site Content -> All pages and you'll see a full list of every page and document displayed in the table (can be quite large)
3. to find traffic for a specific document, the list needs filtered—use the search box to type in the document number—in this example 6883.pdf and perform the search by selecting the magnifying glass icon.

The page refreshes to show only that document's traffic.

From the screenshot^[1], the document has been downloaded by 51 unique users, as circled (the 61 shows that the several users have come back and downloaded it another time). It also looks like the most active downloads happened around September/October 2016 (maybe more publicity around then).

• go to Administration, Sections, Add section and a form is displayed
• from the Section type dropdown menu, select blank [1], fill in the title of the main section with rest of the details and submit the form—the new section is added to the main menu and in Sections you'll see it displayed
• now move the other sections into this section by selecting the pencil icon against the section you want to move [2] and the form is displayed
• select the Parent section from the dropdown menu [3] and then the position you want the subsection displayed in that section from the Position in menu dropdown menu
• and Submit.

Make sure you've logged in first, by using the 'login' link usually at the top right of the navigation bar. Once logged in, go to the section that's using the gallery section type. You should see a number of tabs below the section heading. Now:

• select Add a picture tab as shown in the first screenshot
• a form will be displayed as in the second screenshot—you'll see an example of what to add in third screenshot

• Title—this could be the names of people in the photos or the name of the place you've taken the photo of
• Keywords—these are for the tag cloud feature so add keywords that can group a selection of photos together
• Comment—add whatever comments you want :-)
• Replacement file upload—select Choose file to locate the file on your machine, then select Add

• the system will upload the file and make a thumbnail, normal and large photo (all optimsed for the web) to use within the gallery.

You'll see the thumbnail of the photo automatically displayed within the section.

Here's an example of a gallery section from Class of 76 40th reunion dinner.

If you have any problems, please don't hesitate to contact us with a link to the section you are updating and someone will get back to you as soon as possible.

If you have staff who are already responsible for particular information in your organisation, giving them access to a relevant section/subsection (public or private) for them to maintain, will save time and any bottleneck if only one person is maintaining the site.

In ETINU, you can create a group, add user(s) to that group, set different privileges for a group (whether it's a group of one or more) to write a blog post, comment on a blog post, have write privileges for a particular section.

Here's how:

1. Create a group (screenshot 1-Set up a group)

• go to Administration -> Groups and select Add group
• and a simple form is displayed—add a name, description, proxy name (if required)
• select User self subscribe checkbox to make it possible for users to subscribe to a particular group when they register on the web site
• select Submit

2. Example of the groups list (screenshot 2-All groups)

• super administrators, administrators and all registered users are set up by default when site is created—different functionality is already assigned to super administrators and administrators (ability to create sections/subsections, approve users, create administrators)
• from the list, you can view the ones that are active and in the User column those groups that users are allowed to self-subscribe
• use the pencil to edit (to add/remove members) a group

3. Add and remove members for that group (screenshot 3-Adding members in a group)

• from the list of group, select the pencil icon against the group you wish to add and remove members and the Editing group form is displayed
• add members to that group from the Add memberdropdown of all registered users and select Add—the members list will automatically refresh to include them
• if you wish to remove a member, just select the member from the list in the Remove member dropdown menu of those within this group and select Remove—the members list will automatically refresh to exclude them

4. View what groups a user is a member of (screenshot 4-User details)

• go to Administration -> Users to display all the registered users
• select the pencil icon in the row that contains the user you wish to check and the User details form is displayed
• check or uncheck the group as required
• also, if the user wishes to receive email updates, the checkbox against Stop this user receiving all email updates can be unchecked (or check if they want them stopped) and select Update
• note: a user can login to take themselves off the group they had subscribed to, stop receiving email updates, change their password or email address

5. Access privileges can be set for any section (see red circle in screenshot 5-Access to group)

• go to Administration -> Section and select the pencil icon against the section you wish to check
• in the screenshot, the Editing section form is displayed—example of read/write/comment checkboxes for the blog section
• the checkboxes can be unchecked and unchecked as required and then select Update to make those privileges active

6. How to delete a group

• from the list of groups, select the X icon against the particular group
• a dialog box displays a warning if you wish to delete stating Only select 'OK' if you wish to continue. If you do not wish to continue then select 'Cancel'
• select OK to delete the group.

You may want to point people to a particular blog post on your web site from an email message, Facebook, Twitter or another social media platform. In order to do that, you'll need the web address of that blog post. All you need to do is:

• view the blog post you wish to link to by selecting its title and the full blog post is displayed
• copy the web address from the Address bar
• paste it into the post on the email or social media platform you wish to use.

Tip: make sure you're not logged in as an administrator when you copy the link to avoid having the secure 'etinu.net' included in your address.

Go to Administration, Sections and all the sections and subsections of your site are displayed vertically.

Select the pencil icon against the section/subsection you wish to add the sidebar to and the Editing section form will be displayed.

Select the check box against Sidebar in section and select Update.

Go into the section you've added the sidebar and there will be a Sidebar button below the section heading. Select the button and the editor window will be displayed.

Type whatever content you wish to add. If HTML is to be added, use the Edit HTML icon to add that content. Select Submit and Update.

When adding a new section or subsection, this input field allows you to add content that compliments the page title (or gives further meaning to the content of the page) within a section/subsection and is displayed alongside the title.

The two screenshots show:

• where the subtitle is typed, when you've selected Add section (or when editing a section)
• where it is positioned on the web page (though it can be styled to be displayed elsewhere, if you so desire)

Hope that helps.

The advantage of using the generic section type is that you can add whatever content you like in whatever way you want.

The downside is that if you copy any content from the likes of Microsoft Word and paste that content into the generic editor window, it also pastes invisible formatting characters and bloats the HTML (the language of the web) 10 times more than there should be.

Here's an example... view this PDF showing all the invisible formatting characters

And here's what it should be like...view this PDF showing the simple HTML web page

It's important to avoid adding Word's styles throughout the site so that if a site design and styles are to be changed in the future, only one stylesheet needs modified, saving time and money.

Before copying and pasting...

• open the file in Word and select from the File menu "Save as..."
• select the Plain text (*.txt) option and save the file and close it
• open that file to view its content—copy and paste that content into the generic editor window.

There'll be no formatting characters in the text now.

To make the web page nicely formatted with the styles of your web site, select the text you want to format and use the Font Format dropdown menu in the editor window to make it have the Paragraph style or heading 2 style. This will ensure all the styles will be consistent with the rest of the site.

If it doesn't look quite the way you'd like after that, contact us and provide the link to that web page you're working on—we're here to help.

The tag cloud feature is available in a few section types, namely in:

• Blog—allowing the blog items to be categorised by adding keywords to each. It means that when a keyword is selected in the tag cloud, it displays only those posts relating to that keyword
• Gallery—adding a keyword(s) to each photo means that you can group them into different events or people
• Publications—adding a keyword(s) to each document makes it easier for your visitors to view those documents that relate to a certain topic (rather than viewing a complete list)

For every photo, document or blog post, there is a Keywords input field and you can add the keyword(s) that describe the content that is being added.

These keywords are displayed in the tag cloud.

When you are logged in as administrator:

• go to your News section
• select the option List current items and you will see the list of current news items
• right-click over the title of the particular news item you want to get the web address for
• select the Copy link option (or Copy shortcut if on a PC) to add the web address to the machine's clipboard
• paste the link where you want to use it and you'll see the address will be something like:http://platypusconsultancy.etinu.net/cgi-bin/newsitems?details=3124. So change the platypusconsultancy.etinu.net to be the web site's address (see example below)

So you can link to every news article as well as blog posts, see:

http://www.platypusconsultancy.com/cgi-bin/newsitems?details=3178

When an ETINU web site is set up, various processes happen behind the screens to ensure the security of your site is optimised with resilience built-in.

Along with your correct web site, for example: http://www.platypusconsultancy.com/ there's two other domains used:

• The one that uses the etinu.net domain, for example, platypusconsultancy.etinu.net, is another name for the live site. Please note, once the site is live, this only appears when you login as superadministrator or administrator (or as a registered user), because it's using ETINU's secure certificate. For more information, please see this blog post about the certificate
• The one that uses the cb4live.com domain, for example, platypusconsultancy.cb4live.com, is one of the development servers and also acts as the backup server. Every night all site's content is copied over from the live site onto this site. It means if something happens to the live server, we can make one DNS change (domain name server, a change at a high level for all sites) that point all the DNSs in the world to point to the backup server.

Within ETINU, sections and subsections can be made private while you add content to them on the live site. Then when you're happy with the page, make it open to the public. However, cb4live.com can be used by super-administrators/administrators to experiment too, but note, due to the overnight backup, the additions and changes you made will be gone the following day.

It's good if your organisation is people-orientated, that you can introduce your staff to those coming to your web site. ETINU has a person section type that when that section is added to your site will let you add each member of staff details consistently.

When adding a person, the online form (see screenshot) makes it easy for you to add:

• staff's name
• title or role
• work experience
• email address
• telephone number and/or extension
• photograph
• and location

If all the information isn't relevant, those field remain blank and it won't show any empty spaces on the page. See a few examples:

Staff of Activefeet Podiatry Clinic

Trustees of the local charity, Keep Northern Ireland Beautiful

Other details you can add are their Skype ID and Twitter ID. When the IDs are selected, it will open the appropriate application on the user's own machine in order for them to make a Skype call or send a tweet to them directly.

When using the generic (newsitems or sidebar) section type, that is, those pages that have the editor window to add, edit and remove text, it's important for you to use the Font Format dropdown menu for maintaining styles within each site.

If the Font Size and Font Family options in the dropdown menus are used, those styles override the styles within the site's own stylesheet. It means if your web site is to be redesigned with a completely different company brand, those text that have been styled using those options can't take the styling from the new stylesheet.

See the screenshot of the editor window that should help you see what I mean!

Something that is good practice when using any content management software and that will make best use of your time (and your developers/designers) in the future.

You'll see from the screenshot to the right that it is quite simple:

1 Select the 'Share' link which is one of the options on Google Map and a dialog box will appear

2 Select the 'Embed map' option and you'll see displayed HTML in input field below

3 Copy that HTML into your local machine's clipboard.

Then go to your web site (and make sure you're logged in as administrator), use the HTML icon to copy that HTML into the sidebar you want to replace the map in. See second screenshot. The only thing you need to change is the height and width within the HTML to make sure it fits neatly into the sidebar.

Then submit and update to make it live.

This checkbox appears in a dialog box when you are either uploading a document to your web site's own document store or when uploading a photo into a gallery section. See first and second screenshot.

You'll notice a Publish checkbox in the dialog box. This is *only* to be used if you want that document or photo displayed in a Publications section (you may have called it Newsletters), see third screenshot showing a Publications section.

So be careful that you don't check the box to make sure, if you have a publications section type, you keep it for your newsletters, presentations or other documents that users can download.

If you have previously checked the Publish checkbox for some files, you can go to your site's document store in Administration -> Documents, select the pencil against the file you would like removed from Publications. The same dialog box appears with the details filled in but now deselect the Publish checkbox and select Update. It will be removed from the Publications section.

If you want to add an external web address in the text, you need to add the link or anchor tags:

<a href="http://www.example.com" target="_blank">Link to another web site</a>

The target="_blank" means it will open in a new window and keep the your own web site displayed in the browser. Once the blog has been added the link will be marked up correctly.

Add a new subsection when you are logged in as administrator, by selecting Administration, Sections, Add section. Have a look at the screenshot while you follow the instructions below:

1. select the section type you want from the dropdown menu, 'Section type'
2. from the dropdown select the parent section (where you want to place the subsection), News
3. from the dropdown where you want the subsection to appear (within News)
4. by default, the section is set to private when first created. Select public if you're happy for the subsection to be visible to all users.

And select Submit.

If you've already added a section, you can make it a subsection by going to the Administration, Sections and selecting the pencil for the section (you want to place under a main section). The same form is displayed. Follow points 2 and 3. And select Submit.

Make sure you are still logged in as administrator (or super-administrator) so that the editing options appear when you go to your News section. In the screenshot you'll see the additional 'Add news', 'List current items' and 'List all items' options appear when you log in.

• select the 'List current items'
• then select the pencil against the news item you wish to edit

The page will refresh and you will be able to edit that News item.

I've taken screenshots of what you need to do to change the number on both the banner and footer of your web site.

1. login as administrator and you'll see the options Banner on all pages and Footer on all pages are displayed in the Administration's Settings section
2. select Banner on all pages and change the old number to the new number. It's worthwhile keeping the spacing (people normally remember blocks of numbers than a string of them). Then select Update.
3. Select 'Footer on all pages' and change the old number to the new number. Then select Update.

Note: the email address doesn't show in the editor window because there is some Javascript around it to stop crawlers finding it and spamming the email address but it appears properly on the web site.

All you need to do is log into your twitter account and go to: https://twitter.com/settings/widgets/new. See screenshot, Create Twitter widget.

By default, the page displays the 'User timeline'. There's several options you can choose like whether you'd like a light or dark background but usually the default settings are sufficient.

Select the button 'Create widget' and it'll generate the HTML displayed in a separate textbox which you will need to copy into your clipboard of your machine. See screenshot, Copy the generated HTML.

Now go to your web site and log in as administrator and go to the section you want the twitter timeline displayed. In this example, it's to be displayed on a home page sidebar, see screenshot Select HTML icon in the sidebar editor window:

• select the HTML icon (1)
• paste in the HTML that's in the clipboard and select 'Submit' (2)
• select 'Insert' (update if there's been content in the sidebar already) (3)

You'll now see the Twitter timeline on the web page sidebar, see screenshot Home page showing Twitter timeline in sidebar. Also see how this is in use on: Active Feet Podiatry's home page and Platypus Consultancy's news page.

For more details, go to Twitter's own resource at: https://dev.twitter.com/web/embedded-timelines

If the photos are different sizes, it may take a few minutes to adjust each photo to display correctly in the billboard.

When an image is uploaded to your private Documents store, the system automatically creates a thumbnail, normal and large image of the original image. For example, the paths to those images are created as:

http://www.activefeetpodiatry.co.uk/activefeetpodiatry/pictures/small/002155.jpg

http://www.activefeetpodiatry.co.uk/activefeetpodiatry/pictures/normal/002155.jpg

http://www.activefeetpodiatry.co.uk/activefeetpodiatry/pictures/large/002155.jpg

You can choose which ones to use, normally it's the normal photo. Then what's displayed is defined in the:

• height of the billboard
• percentage width of the billboard on the page
• size of the photo which may be portrait or landscape
• the percentage width of the text area

It's the adjustment of the latter two that helps you get the sizing of each image correct.

Basically newsitems is for timed content whereas the blog displays the content permanently and in various ways:

Blog

• by default, it displays the last 10 blog posts
• in its sidebar, the blog items are listed by the month when they are added showing the contributor, number of articles and comments added within each month
• a tag cloud is also displayed on the sidebar—those keywords that have been specified in each blog post so users can find all the blog posts about a certain topic
• there is also a free text search box for users to find an article about a topic they are looking for

Newsitems

• a start and expiry date is specified for each news item
• once the item has reached the expiry date, it will automatically be placed in an Archive that users can search

You can choose to add a Facebook or Twitter feed in the sidebar of the News section.

I always like to encourage clients to keep promoting their web site and use ETINU as it was meant to be used. Not just maintaining content but generating dialog by using the mailshot facility, pointing them to your site's blogs etc. and inviting comment.

Here's a tip that will help you improve how you copy links into your blog. When you are logged in as an administrator, all communication between your site and the browser is encrypted for security reasons. All sites use the 'etinu.net' secure certificate for this encryption. You may recall I sent a mailshot highlighting this in 'Keeping web site pages secure from hacker eavesdropping activity' in June last year.

So with this encryption in place, there's a change in the web address when you login from:

http://www.she-marketing.co.uk/

to

https://she-marketing.etinu.net/

So when you are copying links to your blog items, it's worth logging out to get the public web address such as the example below:

http://www.she-marketing.co.uk/cgi-bin/blog?instanceID=1&do=show&blogID=665

Normally if the administrator had copied this link to the blog item when they were logged in, it would be:

https://she-marketing.etinu.net/cgi-bin/blog?instanceID=1&do=show&blogID=665

Both get to the right article but it's better that your web address is shown and not as a 'etinu.net' subdomain. The web is such that it's necessary to put these measures in place to ensure no passwords etc. are hacked. However, if you want your own domain name's secure certificate used when logged in, we can set this up for you for a fee of £150 which includes the purchase of your own certificate.

I trust this makes sense. Any questions, don't hesitate to contact us.

Have you ever wondered what keywords visitors have typed into a Google search that, when the Google search results page is displayed, they've then selected a link to your site?

This is where Google Analytics, the free web analytics tool, helps. ETINU automatically adds a tracking code into each web site so from the start you have the ability to check your web site traffic. To view the report:

1. log into your Google Analytics account from: http://analytics.google.com/
2. type in your email address and password to sign in—if you've forgotten your access details to your Google Analytics account, do get in touch and we'll help you through the process
3. there's lots of reports but the one we are focusing on is under 'Search Console' reports, select:

   Acquisition  >  Search Console  >  Queries

By default, the Queries report shows the Google search queries that generated the most clicks for your web site addresses. You can sort by selecting the headings of the other columns to order queries in descending/ascending rank by those metrics. What you see is:

• a graph showing the Clicks the number of times that any web address from your site appeared in a Google search results page and was viewed by a user
• a table showing:

  • Search Query—the keyword(s) that users typed to reach your site;
  • Clicks—the number of clicks when that search query has brought people to your web site from search results page;
  • Impressions—number of times that your web site addresses appeared in search results pages;
  • CTR—click-through rate showing the ratio of clicks to impressions for your web site addresses; and
  • Average Position of your web site addresses in search results pages.

Use this report to identify search keywords for which your site has a good average position, but poor click-through rate. These are keywords for which your pages get attention, so improving your content could lead to more traffic coming and staying on your site.

While it's important to make sure that you keep your content up-to-date and relevant, it's also important to keep each section's title and description metatags up-to-date as you change your content.

Search engines use these metatags to display a summary of what's on each page in the search engine results page after a search has been performed (see first screenshot).

To update the metatags for a particular section, go to:

Administration -> Sections

A list of all the sections and subsections that you have on your web site is listed. Now select the pencil icon against the section you want to edit (see second screenshot).

The page refreshes to display what you've previously supplied in the Page title and Page description fields for that section (see third screenshot). It's good practice to have keywords that are in the page content also in the title and description metatags. Once you've updated the metatags to reflect what's in the page content, select Submit and that's it updated.

Further tips

If you are unsure what keywords to use throughout your content, here's a few search engine optimization tips on what to do:

• list the type of audiences you want to visit your site
• think of the keywords that each might use to type into a search engine when they're looking for the type of services and products you offer
• use these keywords in your page content and metatags, where relevant.

Remember what's good for your audiences is good for search engines. The search engine crawlers index your site so providing quality, relevant content is key.

If you need any help, please don't hesitate to contact us.

Every ETINU site has a register option. This lets visitors place a request to become a registered user on your web site. Once they are approved, they can view private content that you've previously set up or, if you use the mailshot facility in ETINU, you can later notify them about any news, service or product.

We've noticed that in some ETINU sites not all users have been 'approved' which means the user hasn't been able to validate their email address nor receive access details for them to login and view private content if available.

So to check if you have approved all the requests, login as administrator on your ETINU web site and go to:

Administration -> Users -> Registrations

You'll see a list of those users who are awaiting approval. Now select the pencil against each user (see first screenshot) and a registration request form is displayed (see second screenshot). You can now select the 'Approve' option. Of course, you can make a considered decision and select the 'Reject' option if you think the user is not genuinely interested in your organisation.

Each approved user will automatically be emailed access details to log on to your web site. If you've set up a private section or subsection for them to view, the link to that section or subsection will automatically appear in the navigation once they login. Also you can use the mailshot facility to send an email to all registered users.

If you need any help, please don't hesitate to contact us.

A billboard is much the same as the billboards you see on the side of buildings which rotate showing different posters (ads) except when you've set up a billboard and your own posters it's displayed on your web site with key messages about your products and services. Examples are on the home page of:

http://www.activefeetpodiatry.co.uk/

http://www.etinu.com/

Each poster can contain a title, brief text, a photo and a link to further information (which can link to somewhere on your own web site or another).

We've ensured there is as much flexibility as you need to display each poster:

• you can upload your photo to your own private document store and refer to it
• specify the width of the text area—type the percentage of the amount of space you want the text to take up and the photo will automatically resize proportionately to fill the rest
• state what order you want each poster to be displayed in
• the number of seconds visitors can read each poster
• choose how the billboard moves through each poster—it can be via a horizontal or vertical movement using a swap, slide or combined swap and slide

And of course, there’s no need to do any image manipulation—ETINU does it for you. When you upload the photo, the image is optimised for the web and is resized so that it fits within the poster. You can choose either the small, normal and large image. More information on what the ETINU does when adding an image is available in the blog How to add an image....

Use the screenshot as a guide to see a news item that has just been added and how to add an image (or any type of document:

• see the 'Document' option where red arrow is in the screenshot
• select 'Choose File' and a dialog box will appear that displays files in your local hard disk
• navigate to the image you want to upload and select it
• type in an appropriate title in 'Document title' and 'Submit'.

The system will take any type of image format (like PNG, JPEG, GIF) and document (like PDF). For images it resizes it appropriately i.e. a thumbnail, normal and large image all optimised for the web. The thumbnail will be displayed with the news item and when the image is selected, the large image is displayed in a new window.

And that's it! You can add several by editing the news item again and you'll see the 'Document', 'Choose File' option to select the file from your local hard disk and upload it.

We have enhanced ETINU over the past month so that when an administrator or any registered users log in to an ETINU web site, all pages will be secure.

It is now not possible for anyone using advanced network tools to discover any content on any pages that an administrator or registered user use while logged in. This completely mitigates increasingly popular "hacker" eavesdropping on public wi-fi networks and the gathering of private information such as usernames and passwords or any other sensitive data from your web site.

After logging in users will notice that web page addresses change to use the suffix of the etinu.net secure domain. They will also notice the protocol at the start of the address changes to HTTPS, indicating Hyper Text Transfer Protocol Secure. This is exactly the same technology that is used to secure payment pages on e-commerce sites.

If preferred, clients can retain their own domain on all secure pages. We can purchase and install a separate secure certificate for their organisation at a cost of 150 GBP per year.

If you would like to know more about web security and how ETINU secures your pages then please don't hesitate to contact us.

When a billboard is created, the option to display user controls as visible. Sometimes this isn't necessary. All you need to do is uncheck the checkbox against the option on the billboard form for 'User controls always visible'. And select 'Update'. Easy.

Then all you will see is each poster with its text altering in the transition you've chosen. No buttons in the way.

There's been another update in the blog section type.

We've added a new 'Keywords' field for administrators to type in relevant keywords relating to each blog post. These keywords are then displayed in a 'tag cloud' visible from the sidebar of a blog section.

This will help visitors see what is being blogged about the most. When a keyword is selected, all the related blog posts are displayed. If a keyword is used often, that keyword will be enlarged.

If no keywords have been added for a blog post, the keywords are taken from its title.

Any keywords that have been specified with a document that is referred to within a blog post are also used in the tag cloud.

Examples can be seen at:

http://www.etinu.com/cgi-bin/blog

http://www.platypusconsultancy.com/cgi-bin/blog

Keep blogging!

We've added some improvements to the "blog" section type within ETINU. It means the blog has a new appearance. The new features we've added include:

-- a compact, more readable display, initially only displaying headings and the first few lines of an article

-- clicking any article toggles display of the full text

-- a sidebar summarises all articles and comments chronologically, any month's can be selected directly

-- a blog search returns matching articles and comments with search words highlighted

-- any article can be displayed on a separate page by selecting the title (useful for references)

-- author avatars have been added, so owners can create their own at: http://www.gravatar.com

-- if an author avatar cannot be found, a default is selected at random from a small set of generic icons.

Examples of the new layout can be seen at:

http://www.etinu.com/cgi-bin/blog

http://www.jambo.netskills.biz/cgi-bin/blog

Social media options and a keyword tag cloud will be following soon.

Yes, but you must place the PDF document into your own personal Documents file store within your ETINU web site.

Go to Administration -> Documents and choose the option Add document and a simple form is displayed (see second screenshot) giving the document a title, keywords, comments (to help you identify the document) and use the Choose file option to select the document from your local machine and select Add.

Now it will appear in the list within Documents. In order to add it to a generic section you first have to copy its filename. Hover over the filename and select the right-hand button of the mouse (or select the right hand part of your track pad) and a mini menu will appear. Select Copy link (see first screenshot) and that will save the path to the document into your machine's clipboard.

Now go to the generic section type you want to add it to and select the text that you want the document to be associated with. Go to the Add Link option and a mini form is displayed (see second screenshot).

In the URL text box, replace the http:// with what you had copied in Documents by selecting the right-hand button of your mouse and pasting the document's web address (URL). Add a Title and choose from the dropdown menu if you want to replace the Current window when the document is selected or if you want it to open in a New window.

Select Update to update the page and you will see the page as the visitor will see it with the document appearing as a link.

The events section type enables events to be added to a calendar. The current month will always be displayed when you go to that section. Downshire Riding Club use their calendar to keep their members informed of all their training lessons, competitions and special outings... there are many so the events are categorised so that members can search through all the events looking for one category e.g. Forest rides. I've used their site as an example on how to add a new category. When logged in as administrator, go to:

• select the button 'Manage options' when you first go to 'Events'
• or when you're adding an event, under 'Event category' there's a 'Add category' option
• now you can add a new value for a category

See screenshots. You can then select that event category when adding an event.

This question comes from a client who was using the 'Events' section of her site.

• Go to Administration -> Sections and select the pencil icon against the section (Events Calendar) you want to make public (see first screenshot)and select Update
• The page refreshes to show that section's details. Near the bottom of the form you'll see an option General access. Now select the radio button against public (see second screenshot)
• Go to that section in the navigation and you'll see that it is no longer in italics (which normally indicates it's private) and it's live for all to see

When a Gallery section within an ETINU web site is displayed, visitors will see a 'Tag cloud' option (below the section heading).

When selected, a pop-up window appears with a list of keywords that have been added to each photo. These keywords help categorise the photos, for example, if photos contain people, their names would be listed. When a name is selected, only those photos that contain that person's name as a keyword are displayed. So how to add keywords:

• select 'Add a picture' in a Gallery and a form is displayed that enables you to upload a photo and information about that picture (see screenshot)
• in the 'Keyword' field, add an appropriate keyword relating to the photo and submit

For example, you'll see in the Real Music Club site, people and band names are specified within their keywords: http://www.realmusicclub.com/cgi-bin/gallery?instanceID=2

View the 'tag cloud', and a band name or performer's name is displayed—once selected, only those photos that relate to that band or performer are displayed instead of all the pictures being displayed.

• login in as an administrator (or super-administrator)
• display the blog post you want to remove by selecting the title
• select the pencil icon (see the first screenshot on the right)
• the blog post is displayed in a pop-up window (see the second screenshot to the right), now:
  • delete the heading in the Title
  • delete all the text in Content text box
  • select the remove checkbox against each image
• select Submit.

Note: If there are any comments associated with the blog post, these will be deleted automatically.

The page will refresh and the blog post will no longer be displayed.

Yes, you can or add it to any other page that uses the generic section type.

Basically:

• go to the YouTube site and view the video you want to embed
• select the Share option in the YouTube options
• select Embed and copy the HTML it displays into your machine's clipboard
• go to your web site and log on as administrator, go to the News section
• select the pencil icon to edit the article that you want to add the video to
• using the Edit HTML icon, copy that HTML into the news item and submit.

To illustrate what to do, I've created a video to illustrate how a Tom Russell video was added to a newsitem about a Real Music Club concert.

Yes, you can... I can see the resources section type that you are using contains all the training resources in what looks like a catalogue. It'll mean that the content of that section appears within the other site without any page headers, backgrounds, menu or footer.

You will still be able to easily add/edit and remove a training resource and individually categorise each resource in the catalogue and both sites will always be up-to-date... good thinking and no time-wasting updating two sites.

So how is it done... when the other site is first setup, the URL that's displayed at bottom of resources section gets copied and pasted into an iframe element on the other site. That's it.

The first screenshot shows the content in the web site. And the second screenshot showing the same training resources when a student has selected the Elearning package option within the Moodle¹ site.

This functionality is only available with "Resources" and "Properties" section types at present but can be easily arranged for other types if required.

¹ Moodle is used extensively within the education sector to help educators create online courses and collaborate with their students. However, maintaining a catalogue of training resources that are within and outside of Moodle is time-consuming to compile.

It's good practice to specify a link to the newsletter (rather than sending a newsletter to each individual). You first need to add the document to your document store within your 'Administration':

• go to 'Administration' -> 'Documents' -> 'Add document' - fill in the simple form with title, keywords and any comment relating to this document and select the file from your local hard disk by selecting 'Choose file' and slect 'Submit' (see first screenshot)
• once it has been added the page refreshes so that you see it in the document list, place the cursor over the filename and right-click on it... a mini-menu will appear (see second screenshot)
• select the option 'Copy Link' and it will copy the web address into the clipboard
• now go to the mailshot facility and paste it into the 'Message subject' window.

You can also use this web address on Twitter and Facebook or any social media site you use to publicise your work.

There is a 'Add link' icon in the Content text area. Select the text you want to make a link, then select the 'Add link' icon and a small dialog box appears with several options.

In URL field, add the web address where you want the text to clink to and in the Title field add the name of the web page. Select from the dropdown menu if you want the page displayed in a new or the current window. Select 'Submit'. You will see the text highlighted in the Content textarea. Finish the rest of the news item and select 'Submit'.

This question comes from Colin Irwin, Peace polls:

The ? was because you had not given the correct web address to the image from Documents. What you need to do is:

All documents are stored in a documents directory on the server. Those that are images have the original in the documents directory plus three standard size images that are created as web friendly documents from the original. To use any document links or images in your pages, you must use the address of where the document is stored on the server.

Go to the blog: How to add an image to a generic section and follow the instructions to place the image where you want it to be displayed.

This was a question from Shirley, Dairy Fresh Foods

The sidebar has normally a restricted width of 280px so you need to make sure that you select the right size of image. Upload the document into the Administrative section, Documents. This creates a small, normal and large image that are optimised for the web e.g.

Thumbnail image with path as: http://www.dairyfreshfoods.co.uk/dairyfreshfoods/pictures/small/002838.jpg

Normal sized image with path as: http://www.dairyfreshfoods.co.uk/dairyfreshfoods/pictures/normal/002838.jpg

Large image with path as: http://www.dairyfreshfoods.co.uk/dairyfreshfoods/pictures/large/002838.jpg

Also the original image is stored as: http://www.dairyfreshfoods.co.uk/dairyfreshfoods/documents/002838.bmp

Now follow the instructions in the blog:

How to add an image to a generic section....

Remember that the sidebar is a narrower width so you may need to use the small thumbnail image, so just replace where it says normal in the filename path to small.

First you need to upload the document into the Administration section, Documents. It's where you store images or files when you want to use them in a generic section type. Once you've done that, you need to:

• place the cursor over the filename, use the mouse to right-click and a mini-menu will appear... select the option 'Copy Link' and it will copy the web address into the clipboard
• now go to the section you want to add the link. Make sure you're in 'Edit' mode. Select the text that you want to be a link and go to 'Add/edit link' icon... add the appropriate link, title and select 'New Window' so it doesn't replace your web site when someone selects the link. Then 'Submit' and then 'Update' so that the changes are saved.

Now the text should be visible as a link.

This is to answer a question from Jamie Guiney, Writer.

Each highlighted item on the nominated sidebar is abbreviated and to do that properly the markup associated with a link in the text has to be stripped out. Once the title is selected, (or image if you've provided one with that news item) though, the full news item is displayed and all links are marked up.

Note that it's generally considered bad practice to use text like "Read the story here" for the actual link. Good practice would be:

My new story...

or

... it's online at http://www.thefrontview.com/2012/07/the-fight-by-jamie-guiney.html

That way the text always makes sense and if you use the latter then the link is still readable and can be copied and pasted by a user who doesn't want to click to get to the news page. See screenshot illustrating how to add a link using the 'Add/Edit Link' option in News if you don't want to use HTML.

Upload any images/photos you want to use in Documents (available to you as Administrator). When you do so, ETINU automatically creates a small thumbnail, normal and large image all optimised for the web. Select the link below to see the size of each generated:

Thumbnail image: http://www.etinu.com/etinu/pictures/small/003321.jpg

Normal sized image: http://www.etinu.com/etinu/pictures/normal/003321.jpg

Large image: http://www.etinu.com/etinu/pictures/large/003321.jpg

Also the original image is stored: http://www.etinu.com/etinu/documents/003321.jpg

Now the image is available to use in a generic section (or subsection). To do so:

• hover over the filename in the document list and a mini thumbnail appears to the left of the filename so you can check its the image you are wanting to use
• select the right hand button of the mouse (or select the right hand part of your track pad) and a mini menu will appear
• select Copy link (see first screenshot) and that will save the path to the large image into your machine's clipboard.

Go to the blog: How to add an image to a generic section and follow the instructions to place the image where you want it to be displayed on the page.

Every ETINU site is ready to be used with Google Analytics. Simply provide your tracking code, from your Google Analytics account, in the appropriate field under Settings in the Administration section and every page of your site will be automatically generated with the necessary code.