Konsumentvägledning
Konsumentvägledningen är en del i Budget-, skuld- och konsumentkontoret. På Budget-, skuld- och konsumentkontoret kan du få hjälp med konsumentrådgivning och budget- och skuldrådgivning.
Senast granskad 2025-12-02 av KLALIW
Statistical Code
<!-- LIVEMILJÖN MED JUSTERINGAR FÖR NY STARTSIDA-->
<script type="text/javascript"> // Analytics
/**************************************************************************
/*** SITEIMPROVE ***
/*************************************************************************/
(function () {
var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true;
sz.src = '//siteimproveanalytics.com/js/siteanalyze_8055.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s);
})();
/**************************************************************************
/*** VISITORS VOICE ***
/*************************************************************************/
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//tracking.visitorsvoice.com/piwik/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '39']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
/**************************************************************************
/*** EVENT TRACKING ***
/*************************************************************************/
// Lyssna is clicked
$(".bapluslogo").click(function(e){
// Siteimprove event
var eventCategory = "Lyssna på sidan";
var eventLabel = $('body').css('position') == 'absolute' ? "Close" : "Open";
var eventAction = $(document).attr('title').replace(" - Trollhättans stad", "");
_sz.push(['event', eventCategory, eventLabel, eventAction]);
});
// Lättläst is clicked
$("#showEasyread").click(function(e){
// Siteimprove event
var eventCategory = "Lättläst";
var eventLabel = $('#showEasyread').hasClass('active') ? "Close" : "Open";
var eventAction = $(document).attr('title').replace(" - Trollhättans stad", "");
_sz.push(['event', eventCategory, eventLabel, eventAction]);
});
// Hitta snabbt is clicked
setTimeout(function() {$(".rek-link").click(function(e){
// Siteimprove event
var eventCategory = "Hitta snabbt";
var eventLabel = $(document).attr('title').replace(" - Trollhättans stad", "");
var eventAction = $(this).text();
_sz.push(['event', eventCategory, eventLabel, eventAction]);
});
}, 2000);
</script>
<script> // Startpage only
if ($("body").hasClass("StartPage")) {
// Language links on startpage
var languages_start = '<div style="float: right;position: relative;height: 2em;z-index: 1;background: #f0f0f0;padding: 0.5em;">';
var img = '<i class="fa-solid fa-angle-right" style="margin-right:5px;"></i>';
var eng = '<a style="margin:10px;" href="/en/homepage/">' + img + '<span class="show-for-sr">Show the article in </span> English</a>';
var fin = '<a style="margin:10px;" href="/fi/startsida/">' + img + '<span class="show-for-sr">Näytä artikkeli </span> Suomi</a>';
var swe = '<a style="margin:10px;" href="/startsida/">' + img + '<span class="show-for-sr">Visa artikeln på </span> Svenska</a>';
var languages_end = '</div>';
var path = window.location.pathname;
switch (path) {
case '/startsida/':
case '/startsida':
$('header').append(languages_start + eng + fin + languages_end);
break;
case '/fi/startsida/':
case '/fi/startsida':
$('header').append(languages_start + eng + swe + languages_end);
break;
case '/en/homepage/':
case '/en/homepage':
$('header').append(languages_start + swe + fin + languages_end);
break;
default:
break;
}
/**************************************************************************
/*** CAMPAIGN COLORS ***
/*************************************************************************/
// Campaign: Red (den nya) startpage-panels when black
//$('.startpage-panels .colorBlack').css({"background-color":"#C94846"});
// Campaign: Orange startpage-panels when empty
$('.startpage-panels .colorEmpty').css({"background-color":"#F8B068"});
}
</script>
<script> // Sitewide scripts
/**************************************************************************
/*** Set Language Label in header ***
/*************************************************************************/
var userLanguage = navigator.language || navigator.userLanguage;
var languageLabel;
switch (userLanguage) {
case 'sv' :
case 'sv-SE' :
languageLabel = "Språk";
break;
case 'en' :
case 'en-US' :
languageLabel = "Languages";
break;
case 'fi' :
languageLabel = "Kieli";
break;
default :
languageLabel = "Languages";
}
$(".functionLinks ul li.colorLightYellow a strong").text($(".functionLinks ul li.colorLightYellow a strong").text().replace("Languages", languageLabel));
$("#MobileMenu ul li.colorLightYellow a strong").text($("#MobileMenu ul li.colorLightYellow a strong").text().replace("Languages", languageLabel));
</script>
<script> // SearchPage only
/**************************************************************************
/*** Change background color to search tip ***
/*************************************************************************/
if ($("body").hasClass("SearchPage")) {
var beforeTip = '</div></div></div><div class="row"><div class="block textblock full large-12 medium-12 small-12 columns"><div class="row colorLightYellow"><div class="medium-12 columns"><p>'
var afterTip = '</p></div>'
var oldtext = $('.searchNumberPresentation').html();
var newtext = (oldtext.replace('<p>', beforeTip)).replace('</p>', afterTip);
$('.searchNumberPresentation').html(newtext);
}
</script>
<script src="https://static.rekai.se/addon/v3/rekai_autocomplete.min.js"></script>
<script> // REK AI Autocomplete
function escapeHTML(str) {
return String(str)
.replaceAll("&", "&")
.replaceAll("<", "<")
.replaceAll(">", ">")
.replaceAll('"', """)
.replaceAll("'", "'");
}
__rekai.ready(function() {
var rekAutocomplete = rekai_autocomplete(
'.searchKeywords',
{
// valfritt: debug: true
},
[
{
templates: {
suggestion: function (suggestion) {
var url = (suggestion && suggestion.url) ? String(suggestion.url) : "";
var urlLower = url.toLowerCase();
var tagText = "Sida";
var tagClass = "tag-page";
if (urlLower.indexOf("minasidor.trollhattan.se") > -1) {
tagText = "E-tjänst";
tagClass = "tag-eservice";
} else if (urlLower.indexOf("/nyheter/") > -1) {
tagText = "Nyhet";
tagClass = "tag-news";
}
// Rendera rad: titel + tag
return (
'<div class="rek-suggestion">' +
'<a class="rek-suggestion__link" href="' + escapeHTML(url) + '">' +
'<span class="rek-suggestion__title">' + escapeHTML(suggestion.title || "") + '</span>' +
'<span class="rek-suggestion__tag ' + tagClass + '">' + tagText + '</span>' +
'</a>' +
'</div>'
);
}
}
}
]
).on('rekai_autocomplete:selected', function (event, suggestion, dataset) {
window.location = suggestion.url;
});
});
</script>
<style> <!-- Styles - REK AI Autocomplete -->
.SearchPage .rekai-autocomplete {
width: 90%;
float: left;
}
.SearchPage .contentarea { min-height: 40rem; }
.searcharea-quick .rekai-autocomplete {
width: inherit;
height: 100%;
float: left;
width: 16.875rem;
}
@media only screen and (max-width: 768px) {
.SearchPage .rekai-autocomplete { width: 100%; }
}
@media only screen and (max-width: 984px) and (min-width: 768px) {
.searcharea-quick .rekai-autocomplete { width: 10.625rem; }
}
.rek-suggestion__link {
display:flex;
align-items:center;
justify-content: flex-start;
text-align: left;
gap: .75rem;
text-decoration:none;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.rek-suggestion__title {
text-align: left;
flex: 1 1 auto;
min-width: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Etiketter */
.rek-suggestion__tag {
display:inline-flex;
align-items:center;
padding: 0 .5rem;
border-radius: 999px;
font-size: 1rem;
line-height: 1.4;
white-space: nowrap;
color:#292929;
background:#eee;
margin-left: auto;
flex: 0 0 auto;
}
/* Etiketter */
.rek-suggestion__tag.tag-eservice{ background:#7b2d78; color:#ffffff; }
.rek-suggestion__tag.tag-news{ background:#ffb4d2; color:#292929; }
.rek-suggestion__tag.tag-page{ background:#7de1ff; color:#292929; }
</style>
<style> <!-- Styles - Sitewide -->
.opaonhover:hover, .opaonhover:focus { opacity:0.9; }
.noborder {margin-bottom:0px; line-height:0; border:none!important;}
</style>