Did You Know Archives - University Blog Service

November 29, 2018, Filed Under: Did You Know, Plugin Documentation

Setting up Google Analytics in UBS with MonsterInsights

First published on January 28, 2015. Updated on May 13, 2022.

This post will walk you through getting your site up with Google Analytics and properly configured. Let’s get started!

Before beginning, please be sure to review the best practices policy for the use of analytics on campus. Ensure that you have the following before beginning to configure your blog site:

• Site administrator credentials for a University Blog Service blog
• An email address that is not hosted on UTMail

Login to Google

Navigate to https://analytics.google.com/analytics/
Enter the email address associated with a google account and the WordPress site
NOTE: We strongly recommend that the new Google Account be created for the group and that the credentials be shared in Stache with fellow site administrators

Create a Google Analytics Account

In Admin, in the Account column, click Create Account.
Provide an account name. Configure the data-sharing settings to control which data you share with Google.
Click Next to add the first property to the account.

Create a Google Analytics 4 Property

In Admin, look at the Account column to make sure that you’ve selected the right account. Then, in the Property column, click Create Property.
Enter a name for the property (e.g. “My Business, Inc website”) and select the reporting time zone and currency. If a visitor comes to your website on a Tuesday in their time zone, but it’s Monday in your time zone, the visit is recorded as having occurred on Monday.
- If you choose a time zone that honors Daylight Savings Time, Analytics automatically adjusts for time changes. Use Greenwich Mean Time if you don’t want to adjust for Daylight Savings Time.
- Changing the time zone only affects data going forward. If you change the time zone for an existing property, you may see a flat spot or a spike in your data, caused by the time shift forwards or backwards, respectively. Report data may refer to the old time zone for a short period after you update your settings, until Analytics servers have processed the change.
- We recommend that you change the time zone for a property no more than once per day so Analytics can process the change.
Click Next. Select your industry category and business size.
Click Create and accept the Analytics Terms of Service and the Data Processing Amendment

Add a Data Stream

Click Web from options
Enter the URL of your primary website, e.g., “example.com”, and a Stream name, e.g. “Example, Inc. (web stream)”.
You have the option to enable or disable enhanced measurement. Enhanced measurement automatically collects page views and other events. Once the data stream has been created, you can always go back and individually disable the enhanced measurement events you don’t want to collect. So, we recommend that you enable enhanced measurement now.
Click Create stream.

Connect to MonsterInsights

Activate the New RoyalSlider plugin from your Dashboard > Plugins > Google Analytics for WordPress by MonsterInsights
Click on Launch the Wizard! button.
Select the category that describes your website and then click Save and Continue.
Then, click Connect MonsterInsights button.
After that, choose your Google account. Make sure you select the account you used to create a new property in the first step.
Next, click Allow to give MonsterInsights access to your Google Account.
Now select your newly created property and click the Complete Connection button.
NOTE: It can take a few hours for Google Analytics to start collecting data and show it in the reports.

Resources from the plugin Developer:

September 27, 2018, Filed Under: Did You Know

Improve Contrast Issues with Twitter Timeline Embeds

We recently had a user write in who wanted to share a tip about how to handle a common accessibility problem when embedding Twitter: Minimum Color Contrast.

I have been working to increase our accessibility scores and was able to improve the Twitter color contrast on our other sites by visiting the “set customization options” at https://publish.twitter.com/# where you can choose a higher contrast color for links.

I also shared instructions with all the Twitter content creators on how-to make images accessible,

https://help.twitter.com/en/using-twitter/picture-descriptions

–Sarah Snow, COLA

The good news is that you can do this on UBS using WordPress oEmbeds!

oEmbeds are a set of powerful features that allow you to integrates 3rd party sources into your site without the need for a plugin. One such oEmbed for Twitter which allows you to embed Tweets, profiles, lists, collections, likes, or Moments. In this post, we’ll look on how to embed Twitter into your pages, posts, and widgets. Then we’ll look into different approaches to how to check for color contrast.

Step one: Which Twitter Account do you want to use?

For this demonstration, we are using the UT Austin Twitter feed: https://twitter.com/UTAustin

Step two: Where do you want to embed it?

Create or edit a post or page and ensure that the editor is in the “Visual” mode. Then paste the Twitter URL onto a line all by itself.

You’ll know it’s working because the Twitter feed will “pop” in automatically.

Step three: Publish!

Done!

Now, how do you address color contrast issues that come up?

Step one: Grab your embed code from Twitter

Visit the Twitter Publishing page
Enter your Twitter feed URL into the field titled “What would you like to embed?”. In our example, we are using – https://twitter.com/UTAustin
Click the right-pointing “Next” arrow
Select the display option that you want

Step two: Addressing the Color Contrast Issue

This is the tricky part as you’ll need to know what color scheme you’re using, and trying a few things to determine what works with your design AND is color accessible. Twitter gives you the option of light and dark backgrounds, in addition to the option to to enter your own color codes for links. There are a number of tools out there to help with this decision. One tool that I like is contrast ratio.

Step three: Embedding

This will be a little different from the steps that we outlined previously as we won’t rely on the Twitter oEmbed.

Once you have selected your color codes on the Twitter Publishing page, click on “Update”.
You’ll be prompted with an embed code. Copy this embed code and go back to the page or post where you are posting your Twitter feed.
Be sure you’re in “Visual” mode in the editor and paste that code.
Click Publish
Once you publish you’ll be able to view your embed just like when using oEmbeds!

Accessibility is a large and encompassing topic that covers a large range of issues but taking it one step at a time can take you a long way in ensuring your website is accessible!

Here are some additional resources to help you as you learn more:

Color Contrast, Beyond the Basics

Twitter Accessibility

Tweets by TwitterA11y

May 25, 2017, Filed Under: Did You Know, News, Themes

UT WordPress Theme Now Available

Today we make available on the University Blog Service UT WordPress Theme. Site Administrators can activate the theme in their dashboards.

What is UT WordPress Theme?

UT WordPress Theme is based on the Genesis Framework and is bundled with branded CSS, images, and other web resources. Originally this was the theme available only through the CMS Hosting Platform, a service offered by ITS starting October 2016, in the WordPress for Texas upstream. We are making the UT WordPress Theme available on the University Blog Service in an effort to better support the UT Brand guidelines.

I want to use UT WordPress Theme on my site(s). What do I do?

If you are considering using UT WordPress Theme with your existing site, we recommend you evaluate UT Theme in the UBS Customer Acceptance Testing environment ( a.k.a., QUAL ) located at qual.sites.utexas.edu/<SITE URL> first. There you are free to make whatever changes you want without consequence to your live site.

Great! How do I get my site look like that?

What gives the theme’s design is the pages, posts, menu items, and widgets we preload into a site when it is created. We refer to this as “default content”. This is great for new sites created on UBS. Site administrators can make minimal changes to their new sites and see how we do design internally. However, existing sites will not have this content immediately available to them. This is to avoid corrupting the site’s existing content and configuration.

UT Theme relies on widgets for a number of elements of the overall design; mainly the footer and sidebars. We also recommend the following changes to achieve that look and feel;

Check out how to create the footer areas using Widgets
How to set up the Navigation Menu
What the default settings for widgets and supporting plugins

You can find specifics about how to implement elements of UT WordPress Theme’s design in this Service Now knowledge article.

What About the UT Responsive Themes?

UT Responsive themes will remain on the service.

My New Site Looks Funny After Switching Away. What Gives?

WordPress Themes rely on sidebars for their function and design. UT WordPress theme is no different. Often times two different themes will use the same name for sidebars. When this happens, themes will pack their widgets into the same sidebar and set whatever widget there as “Inactive”. As UT WordPress Theme uses widgets heavily, this can be impactful if a number of themes are being evaluated for a site. We recommend referring to the theme implementation article to overcome this issue.