register | login | contact

FAQs   our online clinic, ask a question RSS logo

Note: log in or quickly register to participate in this blog. Set up your avatar with Gravatar.

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

Christine Cahoon   Wed 18 Jan 2023

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.

How to add Google Analytics 4 tracking code to ETINU site...

Christine Cahoon   Wed 12 Oct 2022   updated: Wed 18 Jan 2023

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.

1 comment

Christine Cahoon   Wed 30 Nov 2022

It is worth noting that the move from Universal Analytics to GA4 is significant. GA4 uses different a data model than the previous version and it will not display the traffic in the same way.

There are some articles that may help:

Universal Analytics versus Google Analytics 4 data -- this article explains the differences between the UA and GA4 data models.

Comparing metrics: Google Analytics 4 vs Universal Analytics -- this article explains the extent to which you can and cannot compare metrics between Universal Analytics and Google Analytics 4.

For more information, browse help topics relating to Migrate from Universal Analytics to Google Analytics 4.

Small change on your logo...

Christine Cahoon   Mon 11 Apr 2022

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.

Measuring your site’s visitor activity...

Christine Cahoon   Tue 10 Apr 2018   updated: Fri 03 Aug 2018

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.

Snowing effect...

Christine Cahoon   Tue 05 Dec 2017   updated: Thu 07 Dec 2017

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!

1 comment

Christine Cahoon   Tue 02 Jan 2018

Now might be a good time to remove the snowflakes, although we're still in the throws of winter. Just go to Administration -> Settings and under Custom script, delete the instruction and select Update.

Below the text box, a timestamp will appear to indicate its done. Refresh the page and no more snowflakes.

How to make a new member of staff an administrator

Christine Cahoon   Mon 07 Aug 2017   updated: Wed 18 Jan 2023

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

1 comment

Christine Cahoon   Wed 17 Jan 2018   updated: Wed 18 Jan 2023

Alternatively if the user is already registered, you, as super administrator, can:

  • go to Administration -> Users to display all the registered users
  • find the user you wish to make an administrator and select the pencil (edit) icon on the right
  • and the page will refresh that contains the user details form
  • depending on which you wish you want to make them, select the checkbox against administrator or super administrator and select Update.

What’s the difference between an administrator and a super-administrator?

Christine Cahoon   Tue 27 Jun 2017   updated: Wed 18 Jan 2023

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.

Don’t lose your site’s traffic!

Christine Cahoon   Fri 05 May 2017

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.

Browsers plugins to install to Copy as plain text

Christine Cahoon   Thu 13 Apr 2017   updated: Mon 01 Mar 2021

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:

Changing the style of any page content or the whole site

Christine Cahoon   Fri 17 Feb 2017   updated: Mon 20 Feb 2017

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.

1 comment

Christine Cahoon   Mon 20 Feb 2017

If you're not familiar with styles, we can always change the default styles for you in the main stylesheet.

If you want to set up a specific style for a particular type of content throughout the site, we can set up a separate class. For example, instead of the styles described above in Make adjustments in the code, that is:

style="border: 1px solid pink; padding: 0 10px 10px 10px;"

we can add these to the site's stylesheet as a class called person and you'd only need to add:

class="person"

to the img tag when it was required in the Edit HTML.