Merge pull request #2996 from FlowFuse/add-utm-2

Add UTM parameters to CTA URLs for tracking and update the previously added UTM parameters campaign name and ID

src/_includes/cta.njk

@@ -0,0 +1,22 @@
+<div>
+  {% if cta_text and cta_text != "" %}
+    {{ cta_text }}
+  {% else %}
+    Optimize your factory operations with FlowFuse. Effortlessly manage, deploy, scale, and secure your Node-RED instances.
+  {% endif %}
+
+  {% assign link_text = '' %}
+  {% assign link_url = cta_url | default: '#' %} <!-- Defaulting to '#' if cta_url is not defined -->
+
+  {% if cta_type == "contact" %}
+    {% assign link_text = "Talk to Us Now" %}
+  {% elsif cta_type == "demo" %}
+    {% assign link_text = "Let’s Walk You Through It – Book a Demo Today" %}
+  {% else %}
+    {% assign link_text = "Sign Up for FlowFuse Now to Get Started" %}
+  {% endif %}
+
+  <a href="{{ link_url }}">
+    {{ link_text }}
+  </a>
+</div>

src/blog/2024/04/building-an-admin-panel-in-node-red-with-dashboard-2.md

@@ -95,6 +95,6 @@ If you want to learn more about FlowFuse multiuser addon and personalize the mul
 - [Webinar](/webinars/2024/node-red-dashboard-multi-user/) - This webinar provides an in-depth discussion of the Personalised Multi-User Dashboards feature and offers guidance on how to get started with it.
 - [Personalised Multi-user Dashboards with Node-RED Dashboard 2.0](/blog/2024/01/dashboard-2-multi-user/) - This article explores the process of building multi-user Dashboards secured with FlowFuse Cloud.
 - [Displaying logged-in users on Dashboard 2.0](/blog/2024/04/displaying-logged-in-users-on-dashboard/) - This detailed guide demonstrates how to display logged-in users on Dashboard 2.0 which using the FlowFuse Multiuser addon and FlowFuse.
-
 - [Multi-User Dashboard for Ticket/Task Management](/blueprints/flowfuse-dashboard/multi-user-dashboard/) blueprint, which allows you to utilize templates to develop Personalize multi-user dashboard quickly.
 
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=How%20to%20Build%20an%20Admin%20Dashboard%20with%20Node-RED%20Dashboard%202.0", cta_type: "signup", cta_text: "Looking to build a multi-user dashboard, deploy it in seconds, scale and manage Node-RED efficiently, and enable seamless remote access for your entire team?" %}

src/blog/2024/04/displaying-logged-in-users-on-dashboard.md

@@ -143,6 +143,8 @@ If you want to learn more about the FlowFuse Multiuser addon and Personalize Mul
 - [Personalised Multi-user Dashboards with Node-RED Dashboard 2.0](/blog/2024/01/dashboard-2-multi-user/) - This article explores the process of building multi-user Dashboards secured with FlowFuse Cloud.
 - [Multi-User Dashboard for Ticket/Task Management](/blueprints/flowfuse-dashboard/multi-user-dashboard/) blueprint, which allows you to quickly utilize templates to develope Personalize multi-user dashboard.
 
-
 ## Conclusion 
+
 In this guide, we have demonstrated how to secure your dashboard and how to retrieve and display logged in user data on Dashboard 2.0. Additionally, we have discussed the functionality of the FlowFuse multi-user addon.
+
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=Displaying%20logged%20in%20user%20on%20Node-RED%20Dashboard%202.0", cta_type: "signup", cta_text: "Looking to build a multi-user dashboard, deploy it in seconds, scale and manage Node-RED efficiently, and enable seamless remote access for your entire team?" %}

src/blog/2024/04/how-to-build-an-application-with-node-red-dashboard-2.md

@@ -222,3 +222,5 @@ If you want to enhance this simple application by adding more features, consider
 - [How to Build an Admin Dashboard with Node-RED Dashboard 2.0](/blog/2024/04/building-an-admin-panel-in-node-red-with-dashboard-2/) - This detailed guide demonstrates how to build a secure admin page in Node-RED Dashboard 2.0.
 
 - [Multi-User Dashboard for Ticket/Task Management](/blueprints/flowfuse-dashboard/multi-user-dashboard/) blueprint, which allows you to utilize templates to develop a personalized multi-user dashboard quickly. This Task management blueprint has all features such as adding, updating, and deleting tasks, user profiles, and admin dashboard.
+
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=How%20to%20Build%20An%20Application%20With%20Node-RED%20Dashboard%202.0", cta_type: "signup", cta_text: "Looking to build a multi-user dashboard, deploy it in seconds, scale and manage Node-RED efficiently, and enable seamless remote access for your entire team?" %}

src/blog/2024/04/node-red-architecture.md

@@ -58,3 +58,5 @@ These [Project Links](/docs/user/projectnodes/) are more than just communication
 ## Summary
 
 By employing a unified namespace approach and strategically positioning Node-RED and FlowFuse within the network, we enable a seamless flow of data from the shopfloor to the enterprise level. This multilayered approach not only enhances communication between operational technology and information technology but also empowers real-time monitoring, predictive maintenance, and strategic decision-making. 
+
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=Node-RED%20Manufacturing%20Architecture", cta_type: "signup", cta_text: "" %}

src/blog/2024/05/exploring-node-red-dashboard-2-widgets.md

@@ -240,3 +240,7 @@ If you want to enhance this simple application by adding more features or want t
 - [How to Build An Application With Node-RED Dashboard 2.0](/blog/2024/04/how-to-build-an-application-with-node-red-dashboard-2/) - This guide, covers how you can build personalize multiuser dashboard using flow fuse multi-user addon.
 
 - [Multi-User Dashboard for Ticket/Task Management blueprint](/blueprints/flowfuse-dashboard/multi-user-dashboard/) -  this blueprint allows you to utilize templates to develop a personalized multi-user dashboard quickly. This Task management blueprint has all features such as adding, updating, and deleting tasks, user profiles, and admin dashboard.
+
+If you are looking to build a multi-user dashboard, deploy it in seconds, scale and manage Node-RED efficiently, and enable seamless remote access for your entire team, [sign up]() for FlowFuse and get started today!
+
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=Exploring%20Node-RED%20Dashboard%202.0%20Widgets", cta_type:"signup", cta_text: "Looking to build a multi-user dashboard, deploy it in seconds, scale and manage Node-RED efficiently, and enable seamless remote access for your entire team?" %}

src/blog/2024/05/mapping-location-on-dashboard-2.md

@@ -114,3 +114,5 @@ Now you can view the live location of Edinburgh public transport vehicles on the
 ## Conclusion 
 
 In conclusion, this guide shows an easy way to map location data on Dashboard 2.0. By following these steps, you can make interactive dashboards that give you real-time info, useful for things like managing fleets and tracking logistics.
+
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=Mapping%20location%20data%20within%20Node-RED%20Dashboard%202.0", cta_type:"signup", cta_text: "Looking to build a multi-user dashboard, deploy it in seconds, scale and manage Node-RED efficiently, and enable seamless remote access for your entire team?" %}

src/blog/2024/05/node-red-dashboard-2-layout-navigation-styling.md

@@ -191,3 +191,5 @@ To delve deeper into Node-RED Dashboard 2.0, we recommend exploring the followin
 - [Node-RED Dashboard 2.0 Documentation](https://dashboard.flowfuse.com/) - Detailed information for each of the nodes available in Dashboard 2.0, as well as useful guides on building custom nodes and widgets of your own.
 - [Node-RED Forums - Dashboard 2.0](https://discourse.nodered.org/tag/dashboard-2) - The Node-RED forums are a great place to ask questions, share your projects and get help from the community.
 - [Beginner Guide to a Professional Node-RED](/ebooks/beginner-guide-to-a-professional-nodered/) - A free guide to an enterprise-ready Node-RED. Learn all about Node-RED history, securing your flows, and dashboard data visualization.
+
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=Comprehensive%20guide%3A%20Node-RED%20Dashboard%202.0%20layout%2C%20sidebar%2C%20and%20styling", cta_type:"signup", cta_text: "Looking to build a multi-user dashboard, deploy it in seconds, scale and manage Node-RED efficiently, and enable seamless remote access for your entire team?" %}

src/blog/2024/05/node-red-mind-stack-with-flowfuse.md

@@ -64,5 +64,5 @@ FlowFuse provides built-in features, such as MQTT, backups, deployment pipelines
 
 While we believe that the MING stack is here to stay, we believe as the market matures, it should offer many different variations suitable for each customer's needs.  However, we find that the MIND offering does fill a niche in the market that may better suit your needs.  None the less, choosing FlowFuse to manage your Node-RED runtimes will ensure that your applications will be secure, scalable, and easily manageable.  Allowing your domain experts to take control and extend their knowledge bringing increased value to industrial facilities around the world.
 
-Ready to get started, sign up today for your [free trial](https://app.flowfuse.com/account/create). 
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=The%20MIND%20stack%20with%20Node-RED%20and%20FlowFuse%20Dashboard%202.0", cta_type: "signup", cta_text: "" %}
 

src/blog/2024/05/understanding-node-flow-global-environment-variables-in-node-red.md

@@ -231,3 +231,5 @@ context.get('variableName','persistent');
 ## Conclusion
 
 In this comprehensive guide, we've explored the fundamental concepts of Node-RED variables, including node, flow, global, and environment variables. We've learned how to initiate, retrieve, and manage these variables effectively, utilizing both function nodes and change nodes. Additionally, we have learned about memory storage and persistent storage.
+
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=Understanding%20Node%2C%20Flow%2C%20Global%2C%20and%20Environment%20Variables%20in%20Node-RED", cta_type: "signup", cta_text: "Simplify Node-RED management and deployment with FlowFuse. Optimize, scale, secure, and collaborate effortlessly while enabling persistent context storage and remote access in seconds." %}

src/blog/2024/06/dashboard-multi-tenancy.md

@@ -97,4 +97,6 @@ A huge thanks to Fred Loucks ([@fullmetal-fred](https://github.com/fullmetal-fre
 
 ## Build Multi Tenant Dashboards with FlowFuse Cloud
 
-If you want to try out multi-tenant dashboards for yourself, you can sign up to FlowFuse Cloud [here](https://app.flowfuse.com/account/create), and get started by following our [Getting Started Guide](https://dashboard.flowfuse.com/user/multi-tenancy.html#building-multi-tenant-dashboards).
+Start by following our [Getting Started Guide](https://dashboard.flowfuse.com/user/multi-tenancy.html#building-multi-tenant-dashboards).
+
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=Multi-Tenancy%20available%20for%20everyone%20with%20FlowFuse%27s%20Dashboard%202.0", cta_type: "signup", cta_text: "Looking to build a multi-user dashboard, deploy it in seconds, scale and manage Node-RED efficiently, and enable seamless remote access for your entire team?" %}

src/blog/2024/06/how-to-use-mqtt-in-node-red.md

@@ -38,7 +38,7 @@ FlowFuse has also launched an MQTT broker service that is integrated directly in
 
 For Node-RED, we will be using FlowFuse, which enhances Node-RED usage with managed instances, automated deployments, and real-time collaboration features, making it ideal for enterprise teams. It simplifies the configuration, monitoring, and operation of Node-RED applications. 
 
-1. Head to the [FlowFuse sign-up](https://app.flowfuse.com/account/create) page to create your new account and the [FlowFuse login](https://app.flowfuse.com/) page to log in.
+1. Head to the [FlowFuse sign-up](https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=How%20to%20Use%20MQTT%20in%20Node-RED) page to create your new account and the [FlowFuse login](https://app.flowfuse.com/) page to log in.
 2. After successful login, you will see the Application and instance which is added by default.
 3. Click on that instance and then click on the editor URL to open the Node-RED editor.
 

src/blog/2024/06/interacting-with-google-sheet-from-node-red.md

@@ -144,4 +144,6 @@ Below I have provided the complete flow that we have built through the guide, ma
 
 ## Conclusion
 
-This guide demonstrated how to integrate Google Sheets with Node-RED for streamlined data management. We covered setting up the Google Sheets API, configuring Node-RED to interact with sheets, and performing actions like writing, reading, updating, and deleting data.
+This guide demonstrated how to integrate Google Sheets with Node-RED for streamlined data management. We covered setting up the Google Sheets API, configuring Node-RED to interact with sheets, and performing actions like writing, reading, updating, and deleting data.
+
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=Interacting%20with%20Google%20Sheets%20from%20Node-RED", cta_type: "signup", cta_text: "" %}

src/blog/2024/06/node-red-4-on-flowfuse-cloud.md

@@ -54,5 +54,5 @@ There are of course many other great reasons to start using Node-RED 4.0. The [c
 
 Node-RED 4.0 is available on FlowFuse Cloud right now. You can spin up a new instance, or upgrade any of your existing instances via the options under the Instance Settings page.
 
-If you haven't signed up yet, you can [get started with a two-week free trial]({{ site.appURL }}/account/create) and see Node-RED 4.0 in action today on FlowFuse Cloud.
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=Node-RED%204%3A%20Bringing%20better%20collaboration%20to%20FlowFuse%20Cloud", cta_type: "signup", cta_text: "" %}
 

src/blog/2024/07/building-on-flowfuse-devices.md

@@ -92,7 +92,7 @@ Given the above architecture, let's take a look at the relevant FlowFuse offerin
 
 ### Deploy to FlowFuse
 
-If you're interested in discussing how your company could benefit from this design pattern, please do [get in touch](/contact-us/).
+If you're interested in discussing how your company could benefit from this design pattern, please do [get in touch](/contact-us/?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta%20contact%20us&utm_term=high_intent&utm_content=Building%20on%20FlowFuse%3A%20Remote%20Device%20Monitoring).
 
 ### Customer Stories
 

src/blog/2024/07/calling-python-script-from-node-red.md

@@ -110,3 +110,5 @@ If you examine the Python file we've created, you'll notice the use of the 'sys'
 ## Conclusion
 
 In this guide, we've demonstrated how to seamlessly execute Python scripts from Node-RED, along with troubleshooting tips and instructions on passing arguments to scripts. By leveraging Python's extensive libraries for data processing, machine learning, and other tasks in conjunction with Node-RED, developers can build powerful IoT solutions with ease.
+
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=Calling%20a%20Python%20script%20from%20Node-RED", cta_type: "signup", cta_text: "Simplify Node-RED management and deployment with FlowFuse. Optimize, scale, secure, collaborate effortlessly, and access your instance remotely." %}

src/blog/2024/07/deploying-flowfuse-with-docker.md

@@ -253,3 +253,5 @@ When you open the platform in your browser for the first time, you'll need to cr
 - [Deploying FlowFuse with Docker Documentation](/docs/install/docker/): This documentation covers everything in detail on how to install FlowFuse using Docker.
 - [Deploying FlowFuse with Docker on Ubuntu youtube video](https://www.youtube.com/watch?v=qQwAPuz9bEk): This YouTube video demonstrates how to deploy FlowFuse using Docker on an Ubuntu server for your server's local network.
 - [Form for requesting Installation Service](/docs/install/introduction/#do-you-need-help%3F-installation-service): Fill this form if you need assistance with the installation process.
+
+{% include "cta.njk", cta_url: "/contact-us/?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta%20contact%20us&utm_term=high_intent&utm_content=Deploying%20FlowFuse%20with%20Docker%20on%20an%20Ubuntu%20server", cta_type: "contact", cta_text: "Got questions or need help deploying FlowFuse (Node-RED) on your Ubuntu server?" %}

src/blog/2024/07/how-to-setup-sso-ldap-for-the-node-red.md

@@ -285,3 +285,5 @@ To sign in using SSO, users of your self-hosted FlowFuse must have a FlowFuse ac
 ## Conclusion
 
 In this guide, we covered how to set up SSO with LDAP for your self-hosted FlowFuse platform using OpenLDAP. We installed and configured OpenLDAP, learned to managed groups and users, and configured SSO within FlowFuse. This setup enhances security by centralizing user authentication and simplifies access across applications, ensuring efficient user management in your FlowFuse deployment.
+
+{% include "cta.njk", cta_url: "/contact-us/?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta%20contact%20us&utm_term=high_intent&utm_content=How%20to%20Set%20Up%20SSO%20LDAP%20for%20Node-RED", cta_type: "contact", cta_text: "Got questions or need help setting up SSO LDAP for FlowFuse (Node-RED)? with us!" %}

src/blog/2024/07/how-to-setup-sso-saml-for-the-node-red.md

@@ -143,3 +143,5 @@ To sign in using SSO, users of your self-hosted FlowFuse must have a FlowFuse ac
 ## Conclusion
 
 In this guide, we've covered setting up SSO SAML for your self-hosted FlowFuse platform, exploring how SSO and SAML enhance user experience, improve security, and simplify management. You've learned to create an SSO configuration in FlowFuse, set up a SAML app in Google Workspace, and enable seamless authentication.
+
+{% include "cta.njk", cta_url: "/contact-us/?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta%20contact%20us&utm_term=high_intent&utm_content=How%20to%20Set%20Up%20SSO%20SAML%20for%20Node-RED", cta_type: "contact", cta_text: "Got questions or need help setting up SSO SAML for FlowFuse (Node-RED)?" %}

src/blog/2024/08/comparing-dashboard-2-with-uibuilder.md

@@ -234,3 +234,5 @@ UI-Builder does not have a publicly accessible project roadmap or a dedicated pl
 FlowFuse Dashboard is well-suited for users seeking a user-friendly, low-code solution with a wide range of pre-built elements and strong community support. Its ease of use and active development make it ideal for quick deployment and minimal technical overhead.
 
 UI-Builder, however, offers nice performance and customization, benefiting users with coding expertise who need highly tailored UIs. Despite its flexibility and faster load times, it requires more complex setup and migration.
+
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=FlowFuse%20Dashboard%20vs%20UI-Builder%3A%20A%20Comprehensive%20Comparison", cta_type: "signup", cta_text: "Looking to build a multi-user dashboard, deploy it in seconds, scale and manage Node-RED efficiently, and enable seamless remote access for your entire team?" %}

src/blog/2024/08/customise-theming-in-your-dashboards.md

@@ -258,3 +258,5 @@ For more information on  theme, how to add new themes, and set themes for pages,
 ## Conclusion
 
 In this article, we explored FlowFuse Dashboard's new customization features. We focused on adding elements like buttons and logos to the header, and discussed styling options such as default, hidden, and fixed for headers. We also covered how to adjust dashboard themes to personalize colors and layout. These insights empower users to create more personalized and functional Node-RED dashboards.
+
+{% include "cta.njk", cta_url: "https://app.flowfuse.com/account/create?utm_campaign=60718323-BCTA&utm_source=blog&utm_medium=cta&utm_term=high_intent&utm_content=Customise%20theming%20in%20your%20FlowFuse%20Dashboard", cta_type: "signup", cta_text: "Looking to build a multi-user dashboard, deploy it in seconds, scale and manage Node-RED efficiently, and enable seamless remote access for your entire team?" %}