Top Countries

Shows the ranked countries funded by this referrer code

• Show project/country stats for a referrer code
• Overriding the refCode
• Limiting the number of projects/countries
• Limit the numbers of days to consider for stats
• Changing the banner colors
• Changing the banner font color

Show project/country stats for a referrer code

Receipts where either the conversion code or the referrer code match will contribute to the total. The referrer code is taken from the page front matter (i.e. topCountriesStat).

{% include stats/topCountries %}

Overriding the refCode

With the optional referrer code set to wmgives.

{% include stats/topCountries refCode='wmgives' %}

Limiting the number of projects/countries

Previous examples were quietly setting the listLimit to 5. By default however, this widget will render all projects/countries related to the referrer code. The default behavior is not always desirable for long-lived/popular referrer codes as the list can becomes unwieldy. This can be limited via the listLimit parameter. The limit is applied to both the projects listed and the countries represented.

{% include stats/topCountries listLimit='20' refCode='wmgives' %}

Limit the numbers of days to consider for stats

By default, this will search back to the beginning of time. Adding the lookbackDays will limit the search to the last lookbackDays number of days.

{% include stats/topCountries lookbackDays='2' listLimit='5' refCode='https://www.google.com/' %}

Changing the banner colors

By default, we now use GlobalGiving branded colors. This can be overridden with the backgroundColor paramter. The color can be the hexcode, e.g. #2d95de for very particular shade of blue, or a HTML short name like red.

WARNING: When setting the widget fontColor, this will affect all of the stats widgets on the page. The following example uses an undesirable hack to prevent the color change leaking to the rest of the page.

{% include stats/topCountries backgroundColor='#2d95de' %}
{% include stats/topCountries backgroundColor='red' %}

Changing the banner font color

By default, the text in the banners is white. If you need to change this (e.g. you are using a very light colored background, you can do that with the fontColor parameter. The color can be the hexcode, e.g. #2d95de for very particular shade of blue, or a HTML short name like red.

WARNING: When setting the widget fontColor, this will affect all of the stats widgets on the page. The following example uses an undesirable hack to prevent the color change leaking to the rest of the page.

{% include stats/topCountries fontColor='#2d95de' backgroundColor='pink' %}
{% include stats/topCountries fontColor='red' backgroundColor='pink' %}