Clover13

As showcased in our past blogs, Invision Community 5 introduces a brand new, modern interface which brings improvements to performance, aesthetics and mobile usability.
An optional side navigation panel, new view modes, light/dark modes, customizable header layouts, a search modal and a mobile navigation bar are some of the things we've showcased previously. Today, lets take a closer look at some other miscellaneous changes that we've been working on while developing Version 5, including some of the code reductions and performance improvements that we've been able to achieve in the process.
For those of you who are developers, we'll also give some simple explanations of how (and why) we've implemented these changes.
 
Widgets
Sidebar widgets are perfect for displaying content feeds, featured members, announcements, advertisements and more on your page. In version 4 however, the widget column would often become an empty space once the widgets had been scrolled past:
  widgets-v4.mp4  
In version 5, widgets now stick to the screen once the last widget has been reached, ensuring your readers have more convenient  access to your widgets rather than a void space:
  sticky-widgets-v5.mp4  
 
Messenger
The Messenger is a great way to reach out to members when a private chat is more appropriate than a topic. Inspired by modern email clients, the messenger in Version 5 has been revamped with a full-height, sticky inbox, a longer message snippet, mini profiles and a more polished UI - all with a 25% reduction in CSS and a 100% reduction in Javascript.
messenger-v5.mp4
 
Sticky elements
We've mentioned sticky elements a couple of times now, so lets take a look behind the scenes at how they're created, and some of the performance improvements with Version 5. Traditionally, sticky elements were created using Javascript which would calculate the position of the element on the page and adjust it's stickiness every time the page was scrolled. Scroll events can be quite taxing for browsers, and when it comes to Javascript, the less, the better (especially when aiming for great page speed scores)!
With that in mind, all sticky elements are now handled using sticky positioning via CSS, which is a native and much more performant way of controlling these elements. We've been able to replace an entire 400 line Javascript component with just 3 lines of CSS.
 
Grids and Masonry
Grids have previously been handled in a similar fashion. Javascript would scan all elements within a grid to determine how many could fit on a single line, and would then shuffle these elements into position after the page was loaded or resized. CSS has since introduced its own grid properties, which has allowed us to replace more than 350 lines of Javascript with just a few lines of CSS, resulting in more performant page rendering and nicer looking grids (especially on small-medium displays such as mobiles and tablets).
 

 
Fun fact: We first introduced a similar performance improvement to "masonry grids" in our Gallery update from January this year, by replacing more than 400 lines of Javascript with, you guessed it, just a few lines of CSS.
 

 
 
 
Click targets
We wanted to make Version 5 as simple as possible to navigate, and one way of doing that has been by implementing larger click targets. Clicking anywhere inside an entry in a table or grid will now take you to that entry (you can still click on other links like normal within the click target, such as subforums or profile links). Click targets are optional and can be disabled via your theme settings if necessary.
 
click-targets.mp4
 
Data Lists (tables)
Speaking of tables, they too have been revamped. Tables automatically adapt to the space they've been assigned to (for those curious, this is done using CSS container-queries), so they're always neat regardless of the screen size, with no overflow or squashed layouts. Behind the scenes, the two columns below are created with identical code, yet they're quite different visually due to the size which they've been allocated. Even with these improvements, tables have received a 25% reduction in CSS.
 

 
Profiles
Profiles have been polished for Version 5 and include some nice improvements such as sticky widgets and tabs. 
profile-desktop.mp4
 
On mobiles, the side column collapses into a carousel, and the sticky tabs allow you to easily flick between content types without scrolling to the top of the page.
profile-mobile.mp4
 

Tabs
You may have noticed in the above clip that tabs on mobiles are now scrollable, compared to a dropdown menu from version 4. We made this change to ensure that tabs are given more equal exposure on small devices, and have managed to reduce the CSS by a whopping 80%.
 
Carousels
Last and certainly not least, are carousels. Carousels are great for displaying large amounts of data in a confined space and they've been rewritten from scratch for version 5. Previously, a Javascript library was used to create the "scroll effect", however this has never been the smoothest experience on laptop trackpads and touch devices.
In version 5, carousels are powered by native smooth-scrolling and scroll-snapping, which results in a much nicer user experience, especially on touchscreens. We've been able to remove a staggering 95% of the Javascript, substituting it with just a few lines of CSS.
 
carousel.mp4
 
To be honest, we've only just scratched the surface here! In addition to these changes, we've modernized (and reduced code) in almost every component throughout the suite including avatars, cover photos, dropdown menus, forms, inputs, buttons, lists, off-canvas menus, side menus, columns and more!
Combined, these changes result in not only a significant reduction in code, but also a polished UI that performs smoothly on desktop and touch devices. We're excited to continue modernizing Invision Community well into the future as new technologies and techniques become available to us, and are looking forward to getting it in your hands in 2024.

Spam has always been an ongoing battle for community owners as spammers find new ways to circumvent existing anti-spam practices.
We have seen an uptick in new ways spammers are breaking through existing defense.
As such, we here at Invision Community continue to look at new ways for community managers to combat against spam. For our September release, we have added several new tools that can prevent spammers from registering in the first place and help combat them even if they register successfully.
Let's take a look at these new tools and settings.
Geolocation based registration filtering
Oftentimes, spam attacks can originate using bots and servers from specific regions. Using our existing Geolocation service, we have now added filters that will allow administrators to hold registrations from specific regions for administrator review, or deny the registration entirely.

Using this, administrators whose communities are under a spam attack from a specific region, can temporarily filter registrations from that region. Multiple regions can be defined at once, and each individual region can either be held for administrator review, or denied completely.
Disposable Email Filtering
We have added an extra option to our spam defense system to filter users registering with throwaway disposable emails, which are often used by spammers to bypass email validation.

During Spam Defense checking, we now also check the domain in use for the registration against a frequently maintained list. If the user passes through the normal spam defense checking, but is found to have a disposable email address, then the administrator can define one of the following actions to be taken.
Allow the registration to proceed Allow the registration, but moderate all posts (which an option to remove moderation after a certain amount) Flag the account for administrator review Register the account but immediately ban it Completely deny the registration For both Geolocation and disposable email filtering, the existing Spam Defense Whitelist is always honored ahead of these filters.
Contact Us Email Verification
A common pain point has been the Contact Us page. While the spam does not go to a user facing location, it does still land in the administrators inbox, or other area defined by the sites Contact Us settings.
To help with this, if a visitor who is not logged in attempts to use the Contact Us page, then in addition to the existing CAPTCHA, the administrator can optionally require the person to verify their email address before the message is ever sent. This applies to all Contact Us behaviors, including any added by third party applications.
Cloud Content Analysis
For our Invision Community Cloud customers, we have also added an additional layer of spam prevention after registration.

After a user registers, or if the account has been dormant, then the first few content submissions will be analyzed using a custom developed algorithm within our platform.
The algorithm takes into factor many different elements of the content, and will rank the post between 1 (not spam) and 5 (definitely spam).
The algorithm can be constantly adjusted and improved based on trends without any intervention from the administrator, and without the need to update to new releases of Invision Community.
The administrator can then decide one of the following actions to take based on the score that was received.
Allow the submission Hold the submission for moderator review Deny the submission completely Of course, specific groups can be made exempt from this and not have their content checked at all, which is useful for sites with subscription based registrations which may not want to have this applied to new subscribers, but do want to have new non-subscribers checked.
Spam can quickly become a headache for most community managers, and these new tools will help further combat it at the source. For our enterprise and Invision Community Cloud customers, being able to check for spam when posting is a new tool which will further filter out more of those annoying topics and posts.
We hope these new features give you additional tools in the fight against spam.
The features and changes presented here are available in the following packages:
Geolocation based registration filtering, Disposable Email Filtering, Contact Us Email Verification: Beginner, Creator, Creator Pro, Team, Business, Enterprise, Invision Community Classic (Self Hosted).
Content Analysis: Beginner, Creator, Creator Pro, Team, Business, Enterprise.

Our June release includes enhancements to our various statistics and reporting features included within the community.
Statistics are important for a community platform because they provide valuable insights about user engagement, preferences, and behaviors, which directly inform the platform's strategy and design. Furthermore, statistics enable the monitoring of the platform's growth and user retention, which are essential for maintaining a vibrant and active community.
In our June release, we have made some enhancements to those features that will allow you to more quickly monitor those trends.
Saved Charts
In Invision Community 4.3, we introduced the ability to save charts to allow you to view them multiple times without needing to reset your filters each time. This works well, however there are three notable downsides.
You could only save a chart if there were filters to apply, such as Warning Types, Device Types, Member Groups, etc. Any specified timescale was not retained in your saved chart. There was no centralized location to view every chart you have saved. In our June release, we have resolved both of those issues. Now, every chart can be saved regardless of if there are filters or not, and when saved, will now also retain your timescale as well. In addition to that, we have added an additional My Saved Charts page. This page will show you every chart you have saved, including all filters and timescales that have been selected.

From this page you can quickly review all charts, temporarily adjust their timescales and filters to quickly see other information, as well as download each individual chart as a CSV directly from this page.
Don't worry, though - your saved charts will also still show in their original locations just as they have in the past.
Content Level Statistics
Later on, in Invision Community 4.5, we introduced an improved Topic View that included various statistical information about the topic including the top comments, popular days, top commenters, and more. This, however, was only limited to topics in the forums, and not the rest of the community. In our June release, we have taken this and expanded it to content in every application. This includes Blog Entries, Gallery Albums, Gallery Images, and more.
Each content item (such as a topic, blog entry or image) will show a new button for those with moderator permissions which opens a full statistics and analytics modal, providing expanded statistical information related to that particular piece of content specifically.

Clicking this new button opens up the statistics and analytics modal. Our Classic customers will see the following view:

Cloud Powered Historical View Tracking
For our Invision Community cloud customers, we have expanded our infrastructure to allow for storing historical views for all content.
On the previously mentioned Statistics and Analytics modal, a chart will be shown that outlines the amount of views that content has gotten every single day over a period of time, to allow you to see when specifically content was popular. This chart allows you to view trends for up to a year in the past.

Additionally, we have expanded this to content containers Forums, Downloads Categories, Blogs, Blogs Categories, Gallery Categories, and more will all report their own historical view trends.

Finally, these trends can be exported as a CSV file for your own personal processing if desired - and if needed, you can choose to only include certain types of content if you are focusing on one particular section.

We hope these changes help you to identify trends from within your own community to help you promote and grow it further.
The features and changes presented here are available in the following packages:
Saved charts and content item level statistics: Beginner, Creator, Creator Pro, Team, Business, Enterprise, Community Classic (Self Hosted). Saved charts, content item level statistics, analytic report generation, content level historical view tracking, container level historical view tracking: Beginner, Creator, Creator Pro, Team, Business, Enterprise. If you do not see your product or package listed, please contact us to talk about upgrading your Invision Community.

This week, we're excited to preview some of the UI changes which will be included with Invision Community 4.7.8.
These changes result in improved performance for Google Fonts and better contrast for accessibility, while also fixing a few bugs along the way. When combined, these small improvements result in a much more polished UI, so lets dive in and take a look at some examples below!
Google Fonts
Google Fonts are now imported using the latest version of their API, which includes support for font-display:swap. This CSS property prevents FOUT, or the Flash Of Unstyled Text, where fonts would temporarily be invisible if the Google Font hadn't finished downloading. With this update, a fallback font will be displayed until the Google Font has been downloaded, so your text will be immediately visible even on your initial page load.
With this update, we have also imported font-weight:600 for improved rendering of semi-bold fonts.
Cleaner UI for Forum Grid
This update includes a cleaner UI for forum grids, resulting in improved contrast particularly for the forum icon and forum name.

Cleaner UI for "Expanded view" topic lists
In addition to new forum grids, the expanded view UI has also seen improvements in this update, where items are now separated by a simple border instead of being separated into their own boxes.

Improved button alignment on mobiles
When possible, buttons will now only occupy a single line on mobiles which results in a cleaner layout and less scrolling. Win win!
Before:

After:

Breadcrumbs
Breadcrumbs now use a darker color and thicker font-weight for improved contrast, and no longer truncate when long titles are included.
Before:

After:

Social Icons
The background color of certain social icons has been updated to match their current brand colours.
Before:

After:

Widget designs
All widgets have received a slight UI overhaul, resulting in improved readability due to heavier font-weights on titles. Alignment issues have also been addressed in certain widgets for mobiles:
Before:

After:

Improved alignment in posts
Post controls (the bar containing the quote link and reactions) are now vertically aligned to the bottom of posts, regardless of the post length. Small change, but a big difference!
Before:

After:

And much more!
In addition to these changes, we've included a bunch of fixes including broken stats on record lists, wide tooltips, sticky announcements not staying stuck to the screen, incorrect image ratios for Recent Achievement badges and stretched thumbnails in widgets.
We think these improvements have really helped to clean up certain areas of our UI and we look forward to them going live on all sites with 4.7.8!

We're excited to bring you a first look at our new and innovative Invision Community feature: Live Topics.
Live Topics is a hosted live chat and question-and-answer event that is converted into a forum topic upon completion. It combines the fun and togetherness of a live event with the permanence of a forum topic allowing you to continue the conversation long after the event has ended.
Your event doesn't have to just be text based! Live Topics allows you to feature a live video for your attendees. You can present to your attendees while fellow hosts select messages from the attendee chat to raise as questions for answers via the video or message replies from other attendees. 
Once the live event has ended, the questions and answers are converted into a permanent forum topic. Additional replies to the forum topic can reply to a specific question raised in the live event.

If you choose to answer on the live video, you can mark the timestamp of the answer, allowing members to jump to that segment of the video from the forum topic.

We're thrilled to finally share details of this new and exciting Invision Community feature. Although this is just a first look at Live Topics, we will follow this blog up with others drilling into the details, and multiple use cases Live Topics offers.
Live Topics is unique to Invision Community and will soon be available to selected cloud plans.

We are excited to announce that the Invision Community GraphQL API is now available.
This blog takes you through what GraphQL is and what makes it better than existing APIs present in Invision Community. It does get a bit technical, but you don't need to be a developer to appreciate how GraphQL will make life easier for those that do develop.
What is GraphQL?
GraphQL describes itself as a query language for APIs that gives clients the power to ask for precisely what is needed and nothing more.
GraphQL was created by Facebook in 2012 and is now an open-source project governed by the GraphQL Foundation, which operates independently of Facebook.
What makes GraphQL better than existing REST APIs?
GraphQL has several advantages over the existing REST API present in Invision Community, and these include:
Flexibility: GraphQL allows clients to request only the data they need, reducing over-fetching or under-fetching data. Getting data from a REST API often means receiving many fields and values you don't need to complete the operation you're creating.
Versatility: GraphQL can query multiple databases or APIs, making it a more versatile solution than REST, which often requires multiple endpoints for multiple data types.
Strong Typing: GraphQL has a robust type system, making it easier to understand the capabilities of an API and catch errors early in the development process.
Better Performance: By allowing the client to request only the data it needs, GraphQL can improve the performance of an application compared to REST, which often returns more data than necessary.
Easier to evolve: The schema-based nature of GraphQL allows for more straightforward and less-breaking changes to the API compared to REST.
Let's look at an example
You're building a dashboard that uses Invision Community data for your Node.js application that shows the latest topics, latest registered members and calendar events. With the REST API, you need to make three requests to get all the data you need. With GraphQL, you can fetch the exact data you need with a single request.

Modern Web Development
GraphQL is now the standard for modern web development, including building mobile apps. A modern web app has a "front-end" and a "back-end".
The front-end refers to the user-facing part of the web application. The front-end is typically written in client-side languages such as HTML, CSS, and JavaScript and is responsible for rendering the user interface and handling user interactions. It communicates with the back-end to retrieve and display data.
The back-end refers to the server-side part of the web application. The back-end is typically written in server-side languages such as PHP, and is responsible for performing business logic, managing data, and serving API responses to the front-end.
Using GraphQL as the interface between the front-end and back-end, the development and deployment of each component can be done independently, improving the overall efficiency and scalability of the application.
At Invision Community, we know that some clients use REST to pull data from Invision Community for use in bespoke web and mobile apps. So we hope you're even more excited about the possibilities with GraphQL.
A list with all currently available queries, mutators and data types can be found in our developer documentation section.

Extending Invision Community Functionality
Of course, you also have full access to the GraphQL API in the Invision Community framework, so you can use GraphQL inside your controllers to run your queries, which has the advantage that you won't need to worry about future changes to the API. 
In addition, we have also created a GraphQL template plugin, which can be utilized inside templates to fetch any data.
This is a more technology-heavy blog than usual. The main takeaway is that we continue to invest in ways to allow your Invision Community data to be used by your own applications. GraphQL makes that job a lot easier and much more efficient.
Let me know if you have any questions!

In a digital world with no shortage of places to connect, a beautiful theme will help you stand out from the crowd. 
We previously touched on the importance of branded communities, and now we’re unveiling new functionality that will help make your theme more functional: easy access to header and footer tabs within our new simple theme editor. 
Invision Community already has a powerful and advanced theme editor allowing total control over every aspect of your community’s UI, however this power comes at the cost of ease of use. We often get asked if there’s an easier way to add a site wrapper, or header and footer with some tweaks to the CSS without learning the complexities of the theme editor. Now, we do!
Invision Community 4.7.0 comes with a simple theme editing mode.
Utilizing a clean interface, this editing mode allows you to quickly and easily add header and footer HTML, along with any CSS.
 


When editing a theme, after clicking the big green button that says "Use Simple Theme Editing," you're taken to a simplified theme editor page where you can add in code for your header and footer, as well as custom CSS.
Previously, this option was not available. Before, community leaders had to sift through a theme’s template structure to modify anything within the header and footer code by manually editing Core > Global > GlobalTemplate and work out where to put the HTML. Now, there are header, footer and CSS tabs for easy access.
 

 
The same Header and Footer tabs are also viewable when editing a theme. 
 

 
TL;DR? We streamlined an important theme editing process.
Our mission is to further simplify the more complex parts of the Admin Control Panel without losing the extensibility and customization Invision Community is famous for. The simple theme editor is a single step in that direction.
The new, easy-to-use header / footer / CSS theme options are available to use in our new release, 4.7.0.
 

Invision Community’s forthcoming release includes an exciting new feature available for all. 
Announcing the Alert System! 🚨™
The Alert System is a new tool for community managers to communicate with their members. There are times when a community manager needs to bring information to the attention of either a single user, or a group of users; when existing systems such as PMs or warning points are not suitable. So, we developed a happy medium to empower you. 
The new alert system offers multiple ways to engage with single users or multiple member groups with a message that must be acknowledged and dismissed before further engagement with the community.
Here are a few examples of when a community leader can use the Alert System for individual members:
Moderator actions 
A moderator moves a topic and wants to inform the topic starter that the topic has been moved and why. 
Get ahead of warnings
A member left a comment that doesn’t justify a warning point, nor should it warrant a private message. You want to kindly remind them of the community guidelines. 

Community leaders may wish to send information to an entire member group. This may to warn them of new limits, or to notify support changes, etc. 
Here are a few examples of when a community leader can use the Alert System for groups:
Updates to community guidelines
After reviewing and updating your community guidelines or terms of service, you can send an alert to all affected member groups outlining the changes, so they are aware. As the message needs to be dismissed before any further interaction with the community, you can be sure it has been read before any more posts are made.

This example shows an alert with send anonymously switched on.
 
Welcome message
To strengthen your onboarding flow, you may like to send all new members a welcome message to introduce yourself and your team, along with some helpful information to help get them settled in.
This example shows an alert with the option to reply, with send anonymously turned off.
Heads up
Remind a group of a permanent account-related change, like their subscription will be decreasing/increasing. 
New forums added
After consultation with your community, you want to add some new discussion areas for your VIP Members. You can now send an alert targeted to members in that group to let them know where the new forums are and what their purpose is.
Let's chat
You notice that a great community member is having a bad day. Instead of reaching for punitive tools, you can send them an alert that they have to reply to before being allowed to continue engaging in the community.

These are just a few examples; of course, the alerts functionality has a lot of flexibility built in. 
Alerts are managed from the Moderator's Control Panel.

 
Let us take a look at the different areas that can be configured.

 
Dates
Each alert has a start date, and this date can be in the future. This is especially useful if you have an event coming up you want to showcase. You can optionally set an expiration date to only serve the alert for members that visit between the start and end date. You can also leave it running indefinitely for uses such as the welcome message.
Send to
This section allows you to choose to send to a single user or to a single or multiple groups. If you are sending to groups, you can further fine-tune the deliverability by choosing to send to everyone currently registered and to new members when they register, or you can target just new members (to be precise, this will target members who register after the alert date), this option is ideal for the welcome message alert.
Send as yourself or anonymously 
You can choose to send the alert anonymously or from yourself. There are times when you want a personal touch and times when you need more of a system style alert, perhaps when notifying of guideline updates. Or, if the message is general, or you want to protect members of your team, send the alert anonymously. 
Replies
If you choose to send the alert personally, then you can allow the member to reply, force the member to respond to dismiss the alert or remove the ability to reply. For a welcome message, you'd likely want to allow replies which then will create a new personal message between you and the member. 
We have built the system to be very flexible to cover a wide range of uses where you want to directly engage with a member or group of members and be confident that they have seen the alert before any further engagement in the community. Alerts can be used to strengthen onboarding, notify sections of your community about exciting new features and changes or even create an open dialogue after a punitive measure such as having a posting time-out.
This feature is coming to Invision Community 4.7, across all platforms.
Thoughts on our new Alert System?! Drop us a line in the comments and let us know what you think.

Improving SEO with your community is a hot topic with community managers. Many minor tweaks can move the needle in the right direction, but the most significant changes come with increasing crawl efficiency.
I recently wrote about changes we made to Invision Community to improve crawl efficiency. By removing thin content pages and being laser-focused on what you want to be crawled, you present a more efficient site ready for crawling.
Crawl depth is another metric that impacts crawl efficiency. The more 'clicks' Google and other search engines have to make to get to your content; the less efficient your site is for crawling. With a community, this can present problems because using forums and child forums segments content and places it an extra click or two away from the home page. Segmenting is ideal when your community has defined content boundaries, but it can mean Google has to work harder to find your content.
We introduced a "fluid view" in a past release, which streams all of your community's topics into a single filterable view. This streamed view works well when you have a small number of forums, but it is less valuable when you have a more significant number.
Wouldn't it be perfect if you could have a fluid view per forum or category so you can stream the forum's topics with any child forum's topics in a single view?

With our latest release, you can do just that! In this example, I have a forum called "Ideation", and there are two child forums. The new feature enabled on a per-forum basis in the AdminCP allows the topics from all three forums to be streamed in a single view. As with the global fluid view mode, your members can toggle the filters to refine which forums you want the stream to include.

Showing the topics from multiple forums in a single unified stream is not only helpful for search engines as it reduces the crawl depth, but it also reduces helps your members find valuable content faster.
Update (July 14, 2022):  You asked and we listened! Thanks to valuable client feedback, we made an update to our fluid view feature included in our latest release, 4.6. To better the user experience, we improved the fluid-mode per forum filters to remove a page reload! We also reversed the filter checkbox status to make it clear which filters are being viewed. 
The Fluid View updates are available now. We'd love to hear your thoughts below!

There’s a fine line between freedom of speech and censorship. 
Invision Community always aims to empower community leaders with options to encourage an open dialogue within a community, while including barriers for members who choose to ignore the guidelines. 
Invision Community’s latest release, 4.6.11, includes a simple but powerful new feature to help you shape your community’s tone. 
It’s called Block Submission.
Block submission stops a member’s message from being posted if it includes any word(s) added to your Word Filters list with the “Block Submission” option enabled. 
Word Filters, a previously existing feature, allows community owners to prohibit profanity in the community. If a member types a word included on the banned words list, the platform will automatically either...
Replace the word with something else you set Hold the post for moderation Or, with our new Block Submission feature, notify the member they must amend their post.  Located: ACP -> System -> Settings -> Posting -> Word Filters -> Add Word Filter
Here is an example:
I added the word “hate” to the Word Filters list in the Admin Control Panel and selected the Block Submission option. 
 

 
Now, when a member tries to post the word hate, a message pops up indicating it wasn’t published and why. 


 
The member must modify their comment in order for the post to go live. In this scenario, that would look like taking out the word hate.
Feel free to change the default warning message (the text located in the orange message bar above) to something better suited for your community - it's located in the Languages settings in your ACP. 


 
Why did we create Block Submission?
This feature not only helps automatically moderate content, but more importantly, it sets a precedent to members regarding what is (and isn’t) accepted. 
Gently notifying members that their comment doesn’t align with your community’s guidelines helps maintain the existing culture you’ve worked hard on cultivating, as well as your initiative to keep the language and sentiment positive. 
Interested in trying our block submission feature out? Please upgrade to 4.6.11!
If you don’t have an Invision Community license yet, please reach out to me and I’ll help get you started. 
Thoughts on our latest feature? Sound off in the comments (just make sure it passes our new vibe check 😉). 
 

Twenty years ago today, Invision Community was founded and within months the first version of Invision Community was released. Little did we know, this would be the start of a remarkable journey spanning several decades.
Our first version appeared shortly after we founded the company. It might be hard to imagine a time before social media and YouTube, but when we started out, the web looked very different.

The first version of Invision Community was called Invision Board, reflecting the popular term for forums back in the early 2000s. It was full featured and you may recognise some elements that persist today.
Like today, it even had a separate control panel where you could create new areas of discussion and customise the theme.

Twenty years is a long time and we've continued to adapt with the ever-changing needs of community managers. We've seen the rise of social media impact how people consume content and found ways to compliment Twitter and Facebook by offering a place for long-form permanent discussion.
Several elements remain from those early days but the concepts behind the theme have change significantly. New workflows, UI elements and views have helped the platform stay fresh and we've certainly innovated a few features that have since become industry standard over that time.
I can't express how proud I am of what we've built together. From those humble beginnings working until 2am to growing a creative and talented team around our passion for community.
I'm still as excited today as I was back in 2002. This year will see us build and release new tools to help guide and inform community managers. Our community platform continues to go from strength to strength.
Of course, the platform is only one part of Invision Community. Over the last twenty years I've been grateful to get to know many of you and watch your lives unfold.
This is as pure as community can get and I'm privileged to be part of it.

We have a few other surprises to celebrate our twentieth anniversary. We can't wait to share them!

I'd love to hear your memories of Invision Community! When did you first use our products and what was your community for? Please let me know in the comments below.

No matter how good your content is, how accurate your keywords are or how precise your microdata is, inefficient crawling reduces the number of pages Google will read and store from your site.
Search engines need to look at and store as many pages that exist on the internet as possible. There are currently an estimated 4.5 billion web pages active today. That's a lot of work for Google.
It cannot look and store every page, so it needs to decide what to keep and how long it will spend on your site indexing pages.
Right now, Invision Community is not very good at helping Google understand what is important and how to get there quickly. This blog article runs through the changes we've made to improve crawling efficiency dramatically, starting with Invision Community 4.6.8, our November release.

The short version
This entry will get a little technical. The short version is that we remove a lot of pages from Google's view, including user profiles and filters that create faceted pages and remove a lot of redirect links to reduce the crawl depth and reduce the volume of thin content of little value. Instead, we want Google to focus wholly on topics, posts and other key user-generated content.
Let's now take a deep dive into what crawl budget is, the current problem, the solution and finally look at a before and after analysis. Note, I use the terms "Google" and "search engines" interchangeably. I know that there are many wonderful search engines available but most understand what Google is and does.
Crawl depth and budget
In terms of crawl efficiency, there are two metrics to think about: crawl depth and crawl budget. The crawl budget is the number of links Google (and other search engines) will spider per day. The time spent on your site and the number of links examined depend on multiple factors, including site age, site freshness and more. For example, Google may choose to look at fewer than 100 links per day from your site, whereas Twitter may see hundreds of thousands of links indexed per day.
Crawl depth is essentially how many links Google has to follow to index the page. The fewer links to get to a page, is better. Generally speaking, Google will reduce indexing links more than 5 to 6 clicks deep.
The current problem #1: Crawl depth
A community generates a lot of linked content. Many of these links, such as permalinks to specific posts and redirects to scroll to new posts in a topic, are very useful for logged in members but less so to spiders. These links are easy to spot; just look for "&do=getNewComment" or "&do=getLastComment" in the URL. Indeed, even guests would struggle to use these convenience links given the lack of unread tracking until logged in.  Although they offer no clear advantage to guests and search engines, they are prolific, and following the links results in a redirect which increases the crawl depth for content such as topics.
The current problem #2: Crawl budget and faceted content
A single user profile page can have around 150 redirect links to existing content. User profiles are linked from many pages. A single page of a topic will have around 25 links to user profiles. That's potentially 3,750 links Google has to crawl before deciding if any of it should be stored. Even sites with a healthy crawl budget will see a lot of their budget eaten up by links that add nothing new to the search index. These links are also very deep into the site, adding to the overall average crawl depth, which can signal search engines to reduce your crawl budget.
Filters are a valuable tool to sort lists of data in particular ways. For example, when viewing a list of topics, you can filter by the number of replies or when the topic was created. Unfortunately, these filters are a problem for search engines as they create faceted navigation, which creates duplicate pages.

The solution
There is a straightforward solution to solve all of the problems outlined above.  We can ask that Google avoids indexing certain pages. We can help by using a mix of hints and directives to ensure pages without valuable content are ignored and by reducing the number of links to get to the content. We have used "noindex" in the past, but this still eats up the crawl budget as Google has to crawl the page to learn we do not want it stored in the index.
Fortunately, Google has a hint directive called "nofollow", which you can apply in the <a href> code that wraps a link. This sends a strong hint that this link should not be read at all. However, Google may wish to follow it anyway, which means that we need to use a special file that contains firm instructions for Google on what to follow and index.
This file is called robots.txt. We can use this file to write rules to ensure search engines don't waste their valuable time looking at links that do not have valuable content; that create faceted navigational issues and links that lead to a redirect.
Invision Community will now create a dynamic robots.txt file with rules optimised for your community, or you can create custom rules if you prefer.

The new robots.txt generator in Invision Community
Analysis: Before and after
I took a benchmark crawl using a popular SEO site audit tool of my test community with 50 members and around 20,000 posts, most of which were populated from RSS feeds, so they have actual content, including links, etc. There are approximately 5,000 topics visible to guests.
Once I had implemented the "nofollow" changes, removed a lot of the redirect links for guests and added an optimised robots.txt file, I completed another crawl.
Let's compare the data from the before and after.
First up, the raw numbers show a stark difference.

Before our changes, the audit tool crawled 176,175 links, of which nearly 23% were redirect links. After, just 6,389 links were crawled, with only 0.4% being redirection links. This is a dramatic reduction in both crawl budget and crawl depth. Simply by guiding Google away from thin content like profiles, leaderboards, online lists and redirect links, we can ask it to focus on content such as topics and posts.

Note: You may notice a large drop in "Blocked by Robots.txt" in the 'after' crawl despite using a robots.txt for the first time. The calculation here also includes sharer images and other external links which are blocked by those sites robots.txt files. I added nofollow to the external links for the 'after' crawl so they were not fetched and then blocked externally.

As we can see in this before, the crawl depth has a low peak between 5 and 7 levels deep, with a strong peak at 10+.

After, the peak crawl depth is just 3. This will send a strong signal to Google that your site is optimised and worth crawling more often.
Let's look at a crawl visualisation before we made these changes. It's easy to see how most content was found via table filters, which led to a redirect (the red dots), dramatically increasing crawl depth and reducing crawl efficiency.

Compare that with the after, which shows a much more ordered crawl, with all content discoverable as expected without any red dots indicating redirects.

Conclusion
SEO is a multi-faceted discipline. In the past, we have focused on ensuring we send the correct headers, use the correct microdata such as JSON-LD and optimise meta tags. These are all vital parts of ensuring your site is optimised for crawling. However, as we can see in this blog that without focusing on the crawl budget and crawl efficiency, even the most accurately presented content is wasted if it is not discovered and added into the search index.
These simple changes will offer considerable advantages to how Google and other search engines spider your site.
The features and changes outlined in this blog will be available in our November release, which will be Invision Community 4.6.8.

Spam is as much a part of life on the internet as emoji overuse, serial GIF abuse and regretful tweeting.
But I'm not here to talk about how I conduct myself online; I wanted to talk about three spam improvements coming to Invision Community 4.6.
As you may be aware, Invision Community has its own Spam Defense functionality, which uses a mixture of crowdsourced data, publicly available data and our own special sauce to help reduce the number of spam accounts that get through the registration system. Invision Community also has several other tools to mitigate spam post-registration.
These tools have served us well, but as spammers evolve, so must our systems. Here's what's coming to our next release.
Spam Defense Scoring
I can't divulge too much on our Spam Defense system lest we give spammers targeting Invision Community information that can assist them. Still, we have made several changes to our Spam Defense system.  These include rebalancing the score thresholds, checking against known TOR networks and proxies and using other data in the public domain to inform our scoring decisions.
Spam Defense Blocking
The current implementation of our Spam Defense only allows options to either prevent registration entirely or put the registration in an approval queue. However, the days when Spam Bots stood out from normal registrations are long gone, and it's hard to know if an account in an approval queue is legitimate or not.
In 4.6, we've added a new Spam Defense option that you can choose to allow the registration but put the new members into the posting approval queue, meaning their posts will need moderator approval before being published.

This reduces the decision burden and makes it easier to take a chance on a low score from the Spam Defense system and review their posts before they are made public.
Word Filters
We have added a new option to the Word Filters to allow content containing specific words or phrases to be held for moderator approval where the author has less than a set threshold of posts.
For example, you may notice an increase in spam targeting "CBD Oil" and add it to the word filter list to hold the content for moderator approval. This works great and captures a good number of spam posts; however, your regular members get frustrated when they want to talk about CDB Oil in their posts.
This new option allows you to set a trust level for allowing these words to be used without capturing them for approval.

We hope these three changes to our spam controls will reduce the level of spam you get in your community!
I'd love to know what's the weirdest spam (that is safe for work!) you've seen in your community.

The support tool has served us well for many years. You can identify, at a glance, potential issues with your community both presently and down the road, right from the comfort of your AdminCP, and you can often resolve those issues with just a few clicks.
But what if we could do better? What if we could make this useful administrative area of the software even more useful?
The next version of Invision Community introduces a new "Health Dashboard" which replaces the previous support tool and helps you get a better overview of potential issues within your community while retaining all of the functionality you've come to know and rely on to resolve issues with your community.

When you launch the new health dashboard, the first thing you will notice is that the previous "Wizard" process is now gone, in favor of a single page giving you access to everything you might want or need.
Central to the page are blocks that identify specific areas of your community, server, and configuration which could be problematic now or in the future. Invision Community will check for available updates, modified source files, server software configuration issues, whether your server is running required and/or recommended versions of important software and more.
Additional checks and recommendations have been added to this page, to help identify other adjustments that could benefit or prevent harm to your community.  Issues are color coded and classified as informational, recommended, or critical and a summary is provided at the top of the page with an easy "check again" button which will do so without taking you away from the screen.
If we become aware of an issue, we can quickly notify communities through a bulletin which will be displayed in the "Known Issues" block on this page. These bulletins can also trigger AdminCP notifications, however they will continue to show on the Health Dashboard so long as they are relevant, even when the AdminCP notification is dismissed.
A graph showing system, error and email error log activity has been added to the page to help you identify spikes in logged issues. Commonly, if an issue begins to surface on your community there will be an increase in these types of error logs, so the graph here is intended to allow you to identify an increase in these logs, allowing you to investigate and react quicker.
The right-hand sidebar surfaces common tools you may need to access.

The first block allows you to see our most recently featured guides, as well as search our documentation. While this functionality was available in the existing support tool, we found that it was rarely used because people more often visited the tool to allow the software to check for common issues, and the ability to search the documentation required a separate work flow through the support wizard. With the block always available (and searches performed "live" via AJAX), we expect users will find the ability to search our documentation from the AdminCP much more useful now.
Next up, the Tools and Diagnostics block gives you access to common tools you may need to use. You can quickly clear your system caches, as well as access phpinfo, the SQL toolbox (for self-hosted clients only), and disable all third party customizations. The process and behavior for disabling customizations is very similar to the existing process within the support tool, with the list of customizations disabled opening in a modal window and the ability to re-enable all customizations, or selectively re-enable individual customizations, still available.

Disabling customizations is still simple
Finally, the ability to submit a support ticket is still available right from this screen. Upon clicking the button to submit a support ticket, you will be presented with a form inside a modal dialog that behaves very similarly to the existing form with one minor but useful addition: if there are any patches not yet installed on the community, you will be alerted to this right on the form before submitting your ticket. Think of this as one last reminder that your issue may already be solved by installing any available patches before reaching out to us for official technical support.

Submitting a support ticket is still just a few clicks away
We believe the improved workflow and user experience will help administrators and support technicians alike more quickly identify any issues that need addressing on the community.

Almost ten years ago we launched the Marketplace; a place to connect Invision Community owners with talented developers creating new functionality.
Over the decade, the Marketplace has grown to hold thousands of applications, large and small. For many Invision Community owners, the Marketplace has become an essential resource.
Our aim was always to have the Marketplace available inside your Admin Control Panel to make it even easier to purchase and install extra functionality.

I'm pleased to say that as of Invision Community 4.5, this is now a reality. You can browse the Marketplace and install new add-ons without leaving the Admin Control Panel.

Obtaining Resources
Paid resources can be purchased directly from the Marketplace and are available to install immediately after the payment is complete. You no longer need to download and install the files yourself.
You may also notice some additional information with the resource listing, we'll be introducing a new 'tab' to marketplace resources to allow the authors to provide more useful information such as answers to frequently asked questions, or configuration instructions etc.

The video below takes you through the purchase and installation of a Marketplace application.
marketplace-install.mp4
Installing an Application
Updates
Some of the eagle-eyed among you may have noticed in the first screenshot that there are more 'bubbles' showing in the menu on the left. These are supported for Applications, Plugins, Themes and Languages.
In Invision Community 4.5 every resource available via the AdminCP is automatically versioned, you will see update notifications for everything you have installed (previously, you would only see update notices if the resource author supports them).
Installing an update is as simple as clicking on the update notice, then clicking 'update' on the Marketplace listing.

Installing Updates
Downloads Changes
Our Marketplace is built on our Downloads application, during development of this feature we needed to add new functionality. We have included as many of these improvements as possible in our software for the benefit of our customers, some of these are:
Custom Fields can now be set to only show to members that have purchased a file. Files can now be set to accept a single file upload instead of multiple. New file versions can now be moderated without hiding the current version from view. Downloads REST API Performance Improvements New /download endpoint that counts the download Added more data to the /downloads/file/{id} response Ability to sort file results by last updated date We hope you're as excited about this feature as we are.

A topic is more than a collection of posts; it's a living entity that ebbs and flows over time.
Evergreen topics can see month-long gaps between posts and longer topics spanning numerous pages can end up hard to navigate through to find useful content.
With this in mind, we've added numerous improvements to the topic view to bring context and summaries key areas within the topic.

Topic view updates
Topic Activity
The first thing you likely spotted in the above screenshot is the new sidebar. This acts much like a summary of activity within the topic. It very quickly lets you know how old the topic is and how long it has been since the last reply. This context is essential if you are unwittingly replying to an older topic.
Most topics are driven by a handful of key members. The topic activity section shows you who have been most active, which may influence which posters you give greater authority to.
Likewise, popular days lets you dig into the 'meat' of the topic which may have evolved quickly over several days.
More often than not, a single post attracts more reactions if it is particularly helpful or insightful, and this is shown too.
Finally, a mini gallery of all upload images allows you to review media that has been attached to posts.

The topic activity summary under the first post
This activity bar can be shown either as a sidebar or underneath the first post in a topic. If you enable it for mobile devices, then it will show under the first post automatically.

The topic activity summary on mobile
As with many new features in Invision Community, you have several controls in the Admin CP to fine-tune this to your communities needs.

AdminCP settings
Other improvements
The eagle-eyed among you will have spotted a few other changes to the topic view.
The first is the badge underneath the user's photo. The shield icon notes that this poster is part of the moderation team. Of course, this badge can be hidden for communities that do not like to draw attention to all their moderators.

You will also notice that when the topic starter makes a reply to a topic, they get an "author" badge as their reply may carry more authority.
When you scroll down a topic, it's not often apparent that there has been a significant time gap between replies. For some topical topics (see what I did there) this may alter the context of the conversation.
We have added a little identifier between posts when a period of time has passed between posts.

These changes add a little context to the topic to give you more insight into how the replies direct the conversation.
The new topic activity summary gives you an at-a-glance overview of key moments and posters to help you navigate longer topics.
We hope that you and your members enjoy these new features coming to Invision Community 4.5!

Invision Community has certainly changed a lot over the years as we've moved through major updates and large user interface changes. 
While large scale changes offer a dramatic difference, it is sometimes the smaller changes that bring the most satisfaction when using your community daily.
This blog entry rounds up some of the UI improvements Invision Community 4.5 brings.
Content View Behavior
What do you want to happen when you click a topic link? Are you taken to the first comment, the last comment or the first comment you've not read? If you speak to 100 people, I'm pretty sure you'll get a good spread of votes for each.
Invision Community has always offered subtle ways to get right to the first unread comment. Our infamous dot or star allows you to do this, but it is so subtle almost no one knows this.
Invision Community 4.5 now allows each member to choose (with the AdminCP offering a default).

Now everyone wins!
Who Reacted?
Invision Community has had reactions for a long while now. Although finding out who exactly reacted without clicking the counts has proved irksome.
We've fixed that in Invision Community so simply mousing over the reaction icon reveals who reacted.

Sign In Anonymously
For as long as I can remember, Invision Community has offered an option to sign in anonymously via a checkbox on the login form.
However, as we've added faster ways to log in via Facebook, Twitter, Google and more it's become less straight forward to ensure your anonymity.
Invision Community 4.5 removes this login preference and moves it to your members' settings.

Now your members can resume hiding as they move around your community across multiple logins.
Resize Before Uploading
One of the most popular requests we've had in recent times is to resize large images before uploading. It's quite likely that your giant full resolution image will be denied when attempting to upload, and it's a bit of a faff to resize it in a photo editor.
Invision Community leverages the uploader's ability to resize before uploading, which makes it a much happier experience.
Switch Off Automatic Language Detection
Invision Community attempts to map your browser's user-agent to a specific language pack.
When you visit a site, your browser lets the site know which language our browser is set to (often dictated by your operating system) and we use that to show you the correct language if the community you're visiting has multiple languages installed.
However, it might be that you don't want this to happen because although your computer's OS is set to a specific language, it doesn't always follow that is the one you wish to use on a website.
Invision Community 4.5 allows this automatic detection to be switched off.

Quote Collapse
We will finish with another popular feature request; the ability for long quotes to be collapsed, reducing the amount of scrolling one has to do.
Quite simply, Invision Community collapses long quotes with an option to expand them to read the entire quote.

Thank you to all our customers who have taken the time to leave feedback. As you can see, we do listen and action your feedback.
Which change are you looking forward to the most? Let us know below!

Although we continuously review security within Invision Community, a major release such as 4.5 allows us to be especially proactive when it comes to keeping your community safe.
This blog entry outlines several enhancements to improve security in Invision Community 4.5.
Password Handling
Keeping your member's passwords secure is the simplest way to keep accounts safe and out of the wrong hands, so it makes sense to look at ways to ensure this doesn't happen.
Invision Community already uses strong one-way hashing when storing passwords, which means that once the password is stored in the database, there is no way to know the plain text version.
However, when creating a new member account via the AdminCP, a random password was created, and this was sent in the welcome email to the new member's email address.
As of Invision Community 4.5, this no longer happens, and the new member is invited to create a new password when visiting the community for the first time.

Part of your internal security procedures might be to force a reset of all passwords periodically. Invision Community 4.5 allows this on a per-member basis, or via a selection of filters to enforce a reset for many members at once.

This clears out any stored password hashes and emails the affected members to remind them to set up a new password.

AdminCP Security
The Admin Control Panel contains the most powerful tools available to Invision Community. This is already a very secure area with a separate login with an option to add two-factor authentication to the login flow.
Part of the session authentication has been a special key in the URL. While we have protection in place to prevent this special key being discoverable by a malicious user, there remains an incredibly remote theoretical chance that this could happen with a series of complicated steps. There was an additional annoyance that you are unable to share links within the AdminCP to members of your team due to the increased protection to keep URLs safe.
As of Invision Community 4.5, we have removed the special key from the URL and moved it elsewhere in the session authentication flow. This means that it's impossible to fetch the special key via the URL and links can now be shared and will survive a login action.
Text Encryption
There are a few areas within Invision Community that we use text encryption to allow us to save data in the database in a format that is encrypted when saved and decrypted when read. This protects you in the incredibly remote event of your own hosting being compromised and your database downloaded (of course, our Community in the Cloud customers do not need to worry about this!)
Invision Community 4.5 improves on this encryption by using PHP's built-in methods which give "bank-level" security to our encryption.
Security is critical to the success of your community, and we are always proactive in improving security throughout Invision Community.
Do you have any comments on this entry? Let us know below!

Every single day, your members are searching your community for answers or interesting conversations to join.
Wouldn't it be great if you could learn what is being searched for to identify hot issues, commonly asked questions and discover trends?
We thought so too, which is why Invision Community 4.5 comes with search statistics.
For the first time, Invision Community gathers anonymized information on what your members are searching for so you can use this to highlight more relevant content and shape strategic decisions with your community's structure.

Search statistics help you track searches performed on your community
When a member searches, their identity is converted into a unique key that cannot be reversed to identify the member. This allows us to track a single member's search usage over many search sessions without being able to link it to a specific member account.
The AdminCP now features a dashboard to review the most popular search terms as well as a raw log of recent searches along with the results they returned.
We have a lot of ideas in mind for additional changes down the road with the tracking of popular search terms, but for now, we hope you like the new statistics page and find the information presented useful for your future site plans.