Hi if someone could help I would really grateful. I am using the Woohoo wordpress news theme. What I would like to do is when a user clicks to a post that they can just scroll to the next post as well as the url changing when the next posts is scrolled to. I have struggled to find a suitable plugin. The one I found is called smart scroll which does what is supposed to, which is add infinite scroll and it changes the url when in the single post, seen here (https://wordpress.org/plugins/smart-scroll-posts/). The issues I am having with that is, when I navigate back to the home page all the posts do not display until I refresh the page. Currently I have a standard infinite scroll plugin doing the scrolling but would like to add the url change in as well.
If Someone has come across the issue before and found a fix or even a better way to do this I would be grateful for some help. Thanks
Related
I'm trying to make a page with some links and when somebody clicks on a link, the score count will go up.
How can I find out the visitor who has really seen the page related to link? But not just click the link and close the page for score...
really seen means: page loads completed.
and my links opens in new window.
any solution?
You cant really see pages that aren't in the same domain. Chrome even puts them in a separate thread.
Back in the day you could have used a CSS exploit talked about here: https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector
If you really want to make a page with this kind of functionality you will have to make a browser plugin/extension.
You can include a nonce token in the link, and post that token to the server, render the page embedding that same token in some javascript and have the javascript post back the token when the page is done rendering. Seems kinda overkill though.
The only thing I could thing of is maybe make the link to like a redirect page on your site and then you could control to see if the page was loaded and then like after the page was loaded redirect to the actual webpage to link is intended. This way you know for sure that the user waited to view the webpage.
Other than that I don't think there is any other way for you to go about this.
I apologize ahead of time for the non descriptive title, as I wasn't really sure how to word this.
I've currently switched some of my Wordpress sites that have a responsive design that implement a slider over to WooSlider. Works super well, and I love it. However, there is something stopping me from switching all of my sites over. And I understand this is not a WooSlider only fault, but it's something I cannot Google and find out.
This is happening on every page view, even those without a slider.
In Google Analytics it shows domain.com/?wooslider-javascript=load&t=1352743207&ver=1.0.0 as a page view. For every single page. I obviously don't want this, but I don't know how to get rid of it.
Another example of this happening is using Gravity Forms with a referrer info plugin that shows page views, search query, browser, etc.
When the form is sent, the following is sent via email.
Page visited 1: domain.com/?wooslider-javascript=load&t=1352743207&ver=1.0.0 (http://domain.com/?wooslider-javascript=load&t=1352743207&ver=1.0.0)
Page visited 2: domain.com/about (http://domain.com/contact/about/
Page visited 3: domain.com/?wooslider-javascript=load&t=1352751787&ver=1.0.0 (http://domain.com/?wooslider-javascript=load&t=1352751787&ver=1.0.0)
Page visited 4: domain.com/contact/ (http://domain.com/contact/)
So obviously I don't want that js file to show up as a page view. How can I remedy this?
Thanks!
Google Analytics Configuration Mistake #2: Query String Variables
wooslider-javascript,t,ver
So basically I need something similar that twitter has - when user scrolls down to the bottom of the page, new information from database automatically loads. Any suggestions how to create it or any examples? I know it can be done with AJAX, but could you please show a example, or a sample code?
It is called Infinite Scrolling (or Endless Scrolling). I think the most widespread solution is using Paul Irish's Infinite Scroll jQuery plugin. Also, you can find related information, documentation and demos in the Infinite Scroll page.
I am working on this new site and am having difficulties implementing this one functionality. The link is:
www.bigideaadv.com/adaptive2
I am using the Supersized.js plugin to make the image fit the size of the browser no matter the size or shape. I have also implemented a Wordpress blog as well under news+events. What I'd like to do is have the blog slide up from the bottom when you click on the link and back down when you click on another page. Exactly how the blog link works here:
www.ultranoir.com
I originally had all of the content shoved in the header.php file in Wordpress and was doing show hides. Needless to say, I was unsuccessful. Wondering if anyone had an thoughts.
Thanks in advance.
You may want to look into Wordpress Theming. It's pretty straight forward and there is a lot of great documentation found here:
http://codex.wordpress.org/Theme_Development
You wouldn't want to put all the code into the header.php file because that's not how wordpress works. You'll want to edit other files such as single.php and index.php.
Though for the "slide up / down" you should be able to use some simple jQuery for this:
$('#yourSlideMenuButton').slideToggle("slow", function(){
//do something when finished.
});
Please be careful not to plagiarize the other design!
I would like to create a more button similar to facebook that loads more items on the wall.
Could someone please advice on how I could get this working in PHP. Could you please point me to a resource or let me know a way how I can acheive this.
I think what you seek is called an infinite scroller.
Check out this tutorial on how to create an infinite scrolling gallery on PHP. This one doesn't have the "more" button, it loads more content automatically every time you scroll the page down to the bottom. But it's easy enough to adapt it to work with a "more" button.
Edit: here's another tutorial, this time with the button.