I read through all the other questions/answers I could find. Most solutions were quite old already and given that most websites nowadays are single page sites I am hoping there's an easier solution today?
I have a single page website i.e. home, banner, services, team, contact all on the same page with links at the top to scroll using href # to the section on the page.
Since all content is on one page, Google Analytcs only tracks the page as a whole. Is there an easy way to track whether a visitor has scrolled down to a specific section (website is a simple Bootstrap site) and/or clicked on a menu item to scroll down?
You can set a Virtual Pageview based on visibility element. Each section has a div, by assigning an ID to each section you can send a pageview as soon as the ID appears in the screen.
Depend on how your SPA works youca use History change trigger: https://support.google.com/tagmanager/answer/7679322?hl=en&dark=0
Related
We're currently updating our site for ADA compliance and want to implement a skip navigation menu on the main landing pages. The menu will offer skip nav links to "Login," "Main Content," and "Footer." The business offers three principle services, each of which has it's own landing page. The question I'm wrestling with is, is it useful or appropriate to offer two additional links in the skip navigation menu that redirect users to the two other business service landing pages?
This would absolutely be an inappropriate use of skip links.
"Skip links are internal page links which aid navigation around the current page, rather than to completely new pages. They are mainly used by screen reader users for bypassing or 'skipping' over repetitive web page content."
https://www.nomensa.com/blog/2004/what-are-skip-links
The whole purpose of skip links is to help bypass navigation structures so that visitors don't have to listen to repetitive links on every page.
Is it useful or appropriate to offer two additional links in the skip navigation menu that redirect users to the two other business service landing pages?
Although it's not forbidden by any WCAG rule, mixing anchor links and internal links can be confusing for user experience. It would be quite hard to find a correct alternative name for the navigation menu.
Hi I am making a website for my college using Wordpress. The site content is made through Visual Composer plugin. I am having a problem with page jump using <a id="#section"></a>. There is a page with full of student thumbnails
http://www.abcdef.com/people/ where all the photos of people are linked to a particular section in the page http://www.abcdef.com/department/.
If you click on Person 1 photo, the following page with Person 1's section should be loaded http://abcdef.com/department/#tapan. Instead, it always loads to the bottom of the page. But once you are in this page and if you change the URL and replace the #person1 with #person2 or #person3 it scrolls to the particular section.
I am not able to understand why it is not scrolling when loaded for the first time. Any insights?
Try disabling "smooth scroll on click".
The option located here:
Appearance -> Customize -> Global Settings -> Links style and effects
I have update a page in my wordpress site using web admin back end, but what I see is that even if I update a page, it does not get updated online. Moreover, some of the content of the page which I see online /live are not actually texted in the area where we put the content.
On the right side navigator, in the page attribute area Parent has been set to No Parent, template --> Home Page.
Can you please let me know what could be the possible reason why the live content of the page is different from what I can see in the actual text area through web admin panel?
Also updating a page does not reflects on the page as well for that particular page.
First make sure you are editing the right page. Click in the frontend adminbar on edit instead of navigating in the backend through the pages list.
Secondly it can be any caching related issue. Check out if there are any plugins or settings for this.
Areas that are on the page but not editable via the content can be widgets or any kind of theme builder stuff. Check in the backend design->widgets.
The page hierarchy (parent: no parent) can be differ from the actually website navigation. Check out design->menus. It is possible to build other hierarchies in the menus.
I TRY to manage content on a Plone-based website, www.capital-tennis.org. I know ALMOST NOTHING about Plone itself.
I want to add 2 portlets to the front page (main page) of the website, one on the left (in the white blank space) and one on the right (to the right of the leagues/tournaments links). The new portlet on the left should mirror the 4 externally visible events in the EVENTS folder at the top of the front page, basically acting as a repeater to bring attention to those events on the front page. These 4 events on the front page should be in thumbnail view. The new portlet on the right should be an external link to a website.
I don't exactly know what kind of permissions I have. I know I can delete and add content to other pages. I assume I can do the same with the front page.
I don't know if I have to use the portlet management tools on the website or if I can write the HTML code to reverse engineer the creation of these 2 portlets.
When you reply, please treat me as an idiot, stepping me through every button press, etc. I would REALLY, REALLY appreciate your help.
Eric
If you have full admin rights you should see Manage portlets link somewhere on the front page after login.
Here you can add
Event portlets which automatically pulls published events on the site
Static text portlet where you can enter text and links with WYSIWYG editor
No need to program. No need to even write HTML.
Please check if you can get this done and if it looks you get there then ask additional information, if needed, in the question comments and I can retrofit the answer.
I have many content pages. In master page I have added the tab About us, support, contact us. Which will come in all pages. But some pages will have different tabs from other pages. EX: group page will have users and message tab, users page will have groups tab and message tab. I can design this in master page as it varies from page to page. The tabs depends on the user permission, for each user it is going to change. What is the best way of doing this.
As a general concept, I would develop the tabs as a user control or server control. The control should render its tabs based on the current user and the current page. If that's enough to get you started, great. If not, post a comment and I'll see if I can put together a sample for you.